Skip to content

Almir-git-unifc/Quizz_react-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple Quizz in react_js

Single Quizz application, which checks the answer correct and presents the score.


Quiz


Table of Contents

Intro

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.

Feature

  • layout responsive
  • Quizz

 

Technologies

In youtube's video this project was developed with javascript language using technology React_JS, and uuidv4.

However, in my devepoment used: Msg-linter and comitzen for semantic version and Convencional Commits; beyond the VS_Code with snippets.

Built With

React react-hook JavaScript CSS3 HTML5

 

How-To-Use

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.

 

Author

👤 Almir

 

License

MIT