Dev Quizz in React

Devquizz is a Quiz App, where users can play quizzes by category.

Authors

• @Monu

Live App link

• Dev Quiz

Technologies used

• HTML
• CSS
• JavaScript
• ReactJS
• Firebase (for backend)

Features and Functionalities

1. Home page :

- Login button
- Categories of quizz

2. Rules Page (Modal) :

- a modal listing rules 
- Start quiz button

3 Quiz Page:

Play the quiz having 15 second timer for each question.
UI 
- Image related to question
- timer showing countdown
- question number
- score

Functionality
- select the answer
- if correct show's green color
- if wrong show's red color

4. Quiz Score Board Modal:

- current score
- start new quiz button
- buttons to navigate to home.

6. Sign Up page -

- Input first and last name
- Input email address
- Input Password and verify password by click show password button
- confirm password
- Create new account button
- Already have an account button

7. Login page -

- Input Username
- Input password
- Login button
- Dummy login data preloaded
- Create a New Account button

8. Log out button

9. Responsiveness

- All pages are made responsive with respect to mobile screens with width greater than 320px

How to run this app Locally

To run this app locally on your machine, clone the repo to your local machine.

1. `git clone https://github.com/m26unkwn/devquizz.git`
2. `cd devquizz`
In the project directory, you can run
3. `npm install`
4. `npm start`

This will start the app in development mode.
Open http://localhost:3000 to view it in your browser.
Make sure you have access to internet to make use of the API call inside the App.

👨‍💻 Lets connect !