Skip to content

fossasia/accounts.susi.ai

Repository files navigation

accounts.susi.ai

Build Status Twitter Follow

SUSI.AI 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.AI. 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

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 chat.susi.ai 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

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