https://github.com/shz-code/nano-quiz
Quiz website named Nano quiz
https://github.com/shz-code/nano-quiz
css html-css-javascript javascript jsx quiz-game quizapp react react-router-dom responsive-web-design
Last synced: 7 days ago
JSON representation
Quiz website named Nano quiz
- Host: GitHub
- URL: https://github.com/shz-code/nano-quiz
- Owner: shz-code
- Created: 2022-09-11T16:53:50.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-17T16:01:55.000Z (over 3 years ago)
- Last Synced: 2025-03-14T13:14:13.595Z (about 1 year ago)
- Topics: css, html-css-javascript, javascript, jsx, quiz-game, quizapp, react, react-router-dom, responsive-web-design
- Language: JavaScript
- Homepage:
- Size: 1010 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nano-Quiz | Simple Quiz App with Authentication & Quiz Analysis | A react app.
Tech & Tools used:
- React js
- React-router-dom
- Firebase Authentication
- Firebase Realtime Database
## Features of Nano-Quiz
- All quiz page with infinity scroll & see quiz result if already given.
- Results & Summary page.
- All quiz results page.
- Admin account added for checking all current users and their quiz results.
- Responsive design
## Multi Paged Web App
This app contains pages like:
### All Pages
- Homep page
- Individual quiz results page
- All quizzes results page and evaluation
- Admin page for admin account
- All users quiz result view page for admin account.
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file as this app uses firebase as backend.
`REACT_APP_API_KEY`
`REACT_APP_AUTH_DOMAIN`
`REACT_APP_PROJECT_ID`
`REACT_APP_STORAGE_BUCKET`
`REACT_APP_MESSAGING_SENDER_ID`
`REACT_APP_ID`
`REACT_APP_DATABASE_URL`
## Run Locally
Clone the project
```bash
git clone https://github.com/shz-code/nano-quiz.git
```
Go to the project directory
```bash
cd nano-quiz
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm start
```
Or
```bash
yarn start
```
## Acknowledgements
- [Design inspired & peoject idea from LWS](https://github.com/learnwithsumit)