Accounts Service for SUSI.AI
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.github Deploy PRs on surge automatically (#283) Jun 20, 2018
docs Fixes one typo and improves formatting of file (#211) Mar 10, 2018
public Add Avatar Preview In Account Settings #513 (#517) Oct 19, 2018
src Width of the textarea is consistent when screen size is changed (#550) Nov 3, 2018
.gitignore Fixes issue #198 (#199) Mar 7, 2018
.prettierrc Fixes #268: Integrate prettier with lint-staged and husky and add pre… Jun 15, 2018
LICENSE Code import from (#63) Jun 23, 2017 Added email id on the main page (#189) Mar 17, 2018 Fixes issue #213 (#214) May 24, 2018 Encrypted private key with openssl v1.0.2g (#147) Aug 26, 2017
deploy_key.enc Encrypted private key with openssl v1.0.2g (#147) Aug 26, 2017
package.json Add Validation, reCAPTCHA in SignUp page #481 (#523) Oct 3, 2018

Build Status Twitter Follow

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 repo is a front-end web application that is developed for managing user accounts of susi. The project is hosted on gh-pages at


Please join our mailing list to discuss questions regarding the project:

Our chat channel is on gitter here:

Technology Stack


  • 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.


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

How to deploy?

Running on localhost:

  • Step 1: Fork 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

Running on Surge

Click this picture to see video about deploy! Watch the video

  • Step 1: Install Surge:$ npm install -g surge
  • Step 2: Then cd into the cloned folder
  • Step 3: Build the app:$ npm run build
  • Step 4: Go to the build directory:cd build
  • Step 5: Run Surge:surge
  • Step 6: Follow the prompts and provide an e-mail address and a password.
  • Step 7: Go to the URL that appears after the above process is finished, and provide this link in the PR for testing your changes.

Still having problems? Watch this video to clear your doubts How to setup SUSI web-chat with surge

Colours and Font Sizes

Component Colours of Light theme

  • Background Colour of the Application - #ffffff #ffffff

  • Background Colour Message History -#f5f4f6 #f5f4f6

  • Chat bubbles Colour-

    • Chat bubbles of SUSI- #fffff #ffffff
    • Chat bubbles of User- #e0e0e0 #e0e0e0
  • Top Bar Colour- #4285f4 #4285f4

  • Buttons Colour- #4285f4 #4285f4

  • Colour of search result- #ff5e00 #ff5e00

  • Toggle Colour-

    • thumbOnColor- #5ab1fc #5ab1fc
    • trackOnColor- #4285f4 #4285f4
  • User Feedback Colour-

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


  • 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 #001d38
  • Font Colour of Message Composer- #001d38 #001d38