accounts.susi.ai

Susi is an artificial intelligence combining pattern matching, internet data, data flow principles and inference engine principles. It will have some reflection abilities and it will be able to remember the users input to produce deductions and a personalized feedback. Its purpose is to explore the abilities of an artificial companion and to answer the remaining unanswered questions. The accounts.susi.ai repo is a front-end web application that is developed for managing user accounts of susi. The project is hosted on gh-pages at https://accounts.susi.ai.

Communication

Please join our mailing list to discuss questions regarding the project: https://groups.google.com/group/susiai/

Our chat channel is on gitter here: https://gitter.im/fossasia/susi_server

Technology Stack

Components

• HTML - Structure of the web page generated.
• CSS - Styling options and details of the web page.
• Javascript(JSON) - Used to store information for deploying the application such as dependencies.
• ReactJS - Structure for deployment of the web page.

Requirements

• node --version >= 6
• npm --version >= 3

How to deploy?

Running on localhost:

• Step 1: Fork accounts.susi.ai repository and clone it to your desktop
• Step 2: Then cd into that cloned folder
• Step 3: Install all the dependencies by running :$ sudo npm install
• Step 4: Run on http://localhost:3000 by running :$ npm run start
• Step 5: Build locally by running : $ npm run build
• Step 6: To deploy at a url use : $ npm run deploy

Colours and Font Sizes

Component Colours of Light theme

• Background Colour of the Application - #ffffff

• Background Colour Message History - #f5f4f6

• Chat bubbles Colour-

  • Chat bubbles of SUSI- #ffffff
  • Chat bubbles of User- #e0e0e0

• Top Bar Colour- #4285f4

• Buttons Colour- #4285f4

• Colour of search result- #ff5e00

• Toggle Colour-

  • thumbOnColor- #5ab1fc
  • trackOnColor- #4285f4

• User Feedback Colour-

  • Thumbs Up Colour- Voted- #1685e5 Unvoted- #90a4ae

Fonts

• Font Type of Chat Message- "Product Sans", sans-serif
• Font Type of Message Composer- "Product Sans", sans-serif
• Chat Message font size :14px
• Chat Composer font size : 16px
• Font Colour of Chat Message- #001d38
• Font Colour of Message Composer- #001d38