Code Monkey home page Code Monkey logo

accounts.susi.ai's Introduction

accounts.susi.ai

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

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

accounts.susi.ai's People

Contributors

aashutoshrathi avatar akshat-jain avatar akshatnitd avatar akshitaagarwa11a avatar anshulmalik avatar anshumanv avatar anubhav-jangra avatar dipanshkhandelwal avatar divyabaid16 avatar dravitlochan avatar fragm3 avatar harsh-jindal avatar laughing-boy avatar mariobehling avatar meetzaveri avatar neeraj3029 avatar pg07codes avatar pipe-runner avatar plxity avatar prp-11 avatar r0hit-gupta avatar rishiraj824 avatar rossoskull avatar sachinarora707 avatar samagragupta avatar sudhanvamg avatar thatdns avatar yogeshsharma0201 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.