Categories: Dare to play?

By: Muhammad Sarib Khan

React Client Application Routes

Route index: Main layout is here with round creation form
Route /*: Not found layout is here
Route /responseForm: Answer form and timer is displayed here
Route /myScore: user's score is rendered here
Route /hof: Hall of fame is rendered here
Route /: Category default layout is here
...

API Server

POST /api/login
- request parameters and request body content: no request parameters, email and password in request body
- response body content: email https://imgur.com/a/C3mBbL8
GET /api/sessions/current
- request parameters: no request parameters
- response body content: email, name, id https://imgur.com/a/9jIkRVf
POST /api/RoundAndResponse
- request parameters and request body content: no request parameters, request body: category, difficulty
- response body content: id, cat_Id, letter, difficulty, StartTime, resp_Id, user_id https://imgur.com/a/c99KLJI
PUT /api/answer/:respId
- request parameters: respId
- request body: answers
- response body: answers, score https://imgur.com/a/JjOpdLz
GET /api/score
- request parameters and request body: no content
- response body: score of each category for user https://imgur.com/a/UstKcAh
GET /api/hallofFame
- request parameters and request body: no content
- response body: hall of famer of each category with score https://imgur.com/a/Emc4DJH
DELETE /api/sessions/current
- no request body or parameters

Database Tables

Table users - contains email, name, hash, salt
Table Categories - contains Category name
Table Category_Data - contains cat_Id, category_data for correct answers
Table rounds - contains cat_Id, letter, difficulty, StartTime
Table Responses- contains user_id, round_id, answers, score

Main React Components

CreateRoundForm (in CreateRound.js): To start a round
LoginForm (in AuthComponents.js): To login
ReponseForm (in ResponseForm.js): to record answers

Screenshot

login:https://imgur.com/a/5zVbmJL main: https://imgur.com/a/4F1HyE6 response form: https://imgur.com/a/65z4CGl myscore: https://imgur.com/a/TM2QtkU hall of fame: https://imgur.com/a/kDkQLii

Users Credentials

usernames	Password
john.doe@polito.it	webapplication3
mario.rossi@polito.it	webapplication3
artour.khan@polito.it	webapplication3
lewis.hamilton@polito.it	webapplication3
kylian.mbappe@polito.it	webapplication3
guest@polito.it	webapplication3