dangbat / quiz-nation-app Goto Github PK

Need to address the fact users will be having more than one attempt at the quiz.

Do we save all their quizzes?
Their most recent?
Their most successful?
Will they overwrite on the database?

Global Nav Bar - logged in / not logged in

Display top ten users with their high scores and times

(possibly subject and difficulty at a later date)

Display finished message

Score? Time? Position in database?

Questions with correct answers?

On finished quiz / submit button press

Stops timer

uses if/else statements to check the user has chosen the right answers
Then calculates score out of ten.

Users time and score sent to database

check data types for sending time into mongo database

Create route

Pass in database information for top ten users to be displayed on the home page

Create a simple log to make the app look more professional

Define HTTP adress for API
Define values needed
Setup string with variables
Hide code in dotenv file

Form with submit button

inputs and labels for
email
password

Check user is logged in using
cookieparser & jsonwebtoken

Pass in the users data form the database
and then send user to their custom profile page

Get the base app pushed to GitHub
Add Collaborators
Make sure everyone has a working clone

Receives the correct questions from the API based on user options

The rest should be taken care of using the /submit route .post triggered by the Submit Button

/register ( x2 routes - display route and submit route)

Submit form:
name | username | password - (using bcryptjs & dotenv)

passes information to the backend

Once Registered then redirect to login page

Form with submit button

inputs and labels for
name
email
password

"dependencies": {
"concurrently": "^5.3.0",
"dotenv": "^8.2.0",
"express": "^4.17.1",
"mongoose": "^5.10.7",
"nodemon": "^2.0.4"
}

These dependencies need to be added

/login ( x2 routes - display route and submit route)

Submit form with database query and middleware security check:

username | password (using cookie-parser, bcryptjs & dotenv)

Once logged in send user to profile page

Think up a good name for the application in development

Replace the favicon icon with something more fitting.

A smaller version of the new app icon may work

Global Nav Bar - Showing 'logged in' only

Personalised welcome message

Display users quiz results
possibly just the last?
possibly their best?
Possibly all their quizzes?
Need to play with code!

Display timer

Display questions based on chosen categories from API

Display answers and radio buttons

Finished Quiz Button

Global Nav - Logged in only

Form with dropdown menus and submit button

Category/Subject - dropdown
Difficulty - dropdown

Start Quiz Button

Display logo and menu
Display appropriate global pages...

Adjust options for logged in customers
Display - register and login - options to non logged in users
Display a profile option to logged in users

Setup a workflow that is understandable and easy to work with

Check user is logged in
cookieparser & jsonwebtoken

Use API data to offer the user quiz options

Amount of questions
Category
Difficulty

Users requests sent to /playQuiz

Create database on MongoDB

Create schema file:
id | userName | userEmail | userPassword | subject | difficultly | score | time

Set database url in dotenv
Test database and add test data

Code a timer that starts when a user starts the quiz and finishes on the click of a button.

It must display on the quiz page and send it's results to the back end.