Gimesto Quiz

---

A Quiz App in which user can browse multiple Quizzes. Each quiz has difficulty level as well as Easy, Medium and Hard. Quiz can be played and after submission of quiz User will be displayed with result and correct answers of the Questions which they have answered wrong.

Live Preview: gimesto-quiz.vercel.app

---

Features:

1. Home page with Quiz categories.
2. Quiz page where user can select answers for questions.
3. After submission result will be displayed
4. Result Page displays correct answers with wrong answer selected and score
5. Dark theme

Features in progress/TODOs

1. Add more quizzes
2. Authentication
3. User can have they scores stored into their profile
4. Quit quiz

---

Libraries used:

• Typescript
• React.js : v17.0.2
• React router: v6.2.2
• Axios : v0.21.4
• Mirage js : v0.1.41
• JWT : v8.5.1
• Gimesto Component library (developed by me)

---

Get started

1. Clone the repo:

  $ git clone https://github.com/vrx29/gimesto-quiz-react.git

2. Switch to dev branch:

  $ cd gimesto-quiz-react
  $ git checkout dev

3. Install required node modules:

  $ npm install

4. Create a .env file at the root folder create a SECRET KEY

    REACT_APP_JWT_SECRET=radomkey

5. Start the dev server:

  $ npm start
                   or
  $ yarn start

Open the localhost:3000 link in the browser.

🚀 Tools and Stack Used

Home page screenshot with listed categories/quizzes

Quiz Rules

Quiz Page with question and options

Result page with score

👨‍💻 Connect with me