Single Quizz application, which checks the answer correct and presents the score.
This project was developed previously for Code&Coding, found on youtube with the title """Build A Quiz App Using ReactJS in 2022 || Including Hooks"""; although there is on youtube the same app developed by other people.
Despite that, I changed the current colors to softer colors; fixed the issue where questions would count multiple times if I kept pressing the right button; and next to the Score, I recorded the questions whose answers were correct. The questions previous are stored inside questionsList.js file.
- Interactive quiz with multiple choice questions.
- Navigation between questions, displaying the current question number and the total.
- Immediate visual feedback for correct/incorrect answers.
- Calculation and display of the final result with the user's score, with their classification and display of the list of correct questions.
- Restriction of a single answer per question.
- Dynamic rendering of answers.
This project was developed using technology:
- React.js: For building the user interface;
- JavaScript (ES6+): For application logic;
- React Hooks UseState: Used for state management;
- UUID: For generating unique keys.
However, in my devepoment used too: Msg-linter and comitzen for semantic version and Convencional Commits; beyond the VS_Code with snippets.
To clone and run this application, you'll need Git, Node.js v16.15 0 or higher + npm (used version npm@8.5.5) installed on your computer from your command line:
## Clone this repository
### $ `git clone https://github.com/Almir-git-unifc/Quizz_simple_react-js.git`
## Go to repository
### $ `cd Quizz_simple_react-js-main`
## Install dependencies
### $ `npm install`
## Run locally the app
### $ `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
👤 Almir
- Github: @Almir-git-hub
MIT