Repetition is an important element of learning, and one way to repeat content is through quizzes. The purpose of the project is let users solve quizzes and achieve a way to remember what they have learned. Furthermore, in this project we tried to create a better looking version of our first project Quiz App in more modern by using React framework and Bootstrap 4.
Designing the quiz page and its functionality Designing the home page Designing the results page and its functionality Designing the registration page & login page and its functionality- When pulling this app please write your terminal "npm install" this command enables you to install the necessary files to your computer
- Please write "json-server --watch users.json" command on your terminal json-server should work on port 3000
- Please write "npm start" to initialize the app
- Axios : To get or post data from server (users.json)
- Reactstrap : Implement checkedbox in the Register Page
- json-server : To store users'data
- styled-components : To implement advanced design for Register Page & Login Page
- framer-motion : To add animation for switching Register Page to Login Page or vice versa
- aux : Allow us to return multiple JSX elements without adding extra layer
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3001 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
