Design a frontend

[susiejojo]

We need to interact with the user, allow him to authenticate us to use the social media profiles, or let the user enter text as response to various questions.

• [x] Input side:

• Accept text input (for testing)

• Get the user to authenticate the APIs

• [x] Output side:

• Display the personality type detected.

• Display traits of the personality type

• Maybe display names of eminent people of that personality.

Open to suggestions!

[V2dha]

For the output we can display the results in the form of radar graph!

[V2dha]

• [x] Project Introduction, features, team and twitter user name placeholder
• [x] Results
  • Personality type
  • Graph with percentage of each trait
  • Personality type traits
  • Eminent personalities of that personality type

[sh-biswas]

This is what I'm starting with for the front page design:

I'll change the text of course but the design is really nice and so is the color scheme. It is a Bootstrap Template. The bottom contact form will become a form for inputting their Twitter handle.

After they do this, they will be taken to their dashboard with their personality probabilities on cards and radar graph. I really like these templates with cards:

• https://bootstraptaste.com/monster-bootstrap-4-admin-template/
• https://startbootstrap.com/themes/sb-admin-2/

The first one is my favorite because of the large amount of space for the radar graph. Then there are cards for the personality probabilities and a list for showing eminent personalities(will replace messages in the template).

[sh-biswas]

New front page: Includes our project name, some details about what we're using and basing the predictions off of, our team, and the Twitter user input form. I put in Dipanwita's function for getting the Twitter handle and sending it to the server, but that can be covered later when we connect the frontend and backend. Will look into the dashboard probably tomorrow after my exams. The header is animated, which looks nice. This is all pushed into the frontend branch.

Edit: There are typos regarding the name in the screenshots, but I changed the code to reflect the fixes and pushed it to the frontend branch.

[V2dha]

Tasks for the dashboard :

• [x] Get the json type result from the console and display it on dashboard

• [x] Based on the result update the information about the personality traits and eminent personalities

• [x] Get the stats for visualization of each trait percentage in json data file

• [x] Additional feature: Get the list of their followers and compare their personality type along with the user