https://github.com/regisBafutwabo/quiz

Trivia Game
https://github.com/regisBafutwabo/quiz

quiz-app react-router reactjs tailwindcss trivia-game zustand

Last synced: 17 days ago
JSON representation

Trivia Game

• Host: GitHub
• URL: https://github.com/regisBafutwabo/quiz
• Owner: regisBafutwabo
• Created: 2022-11-15T03:25:38.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-15T08:11:12.000Z (over 1 year ago)
• Last Synced: 2024-07-30T21:09:40.091Z (3 months ago)
• Topics: quiz-app, react-router, reactjs, tailwindcss, trivia-game, zustand
• Language: TypeScript
• Homepage: https://quiz-ten-virid.vercel.app
• Size: 2.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Quiz(퀴즈)

## How to run

First create and fill up the `.env` file by using the `.env.example` as a reference

`npm run start` or `yarn start`

## How to test

`npx cypress run`

## Packages

- React 18

- React Router v6

- Tailwind

- zustand

- Firebase

- Cypress

## Folder Structure

     src/

     |── app		            # contains the Routing of the application

     |── assets                 # contains the images and other medias needed throughout the app

     |── components             # contains the reusable components (Atomic Design Structure)

     |-- constants              # contains all the constants values that are used throughout the app

     |── pages                  # contains all the pages of the app

     |-- services               # contains the business logic of the features

     |-- store                  # contains zustand stores

     |── typings                # contains all the Typescript declaration files

     └── utils                  # contains all the extra helper function that can be used in the app

## Features

- [x] The user starts the quiz by clicking the '퀴즈 풀기' button

- [x] The user can select one of the 4 answers

- [x] The user will be able to see the 'Next' button after selecting an answer

After solving all the questions, the user will see the result details as follows:

- [x] Time Taken to complete the quiz

- [x] Number of correct answers

- [x] Number of incorrect answers

- [x] Chart the percentage of correct and incorrect answers

- [x] Incorrect answer note function