https://github.com/alicbm/quizz
"Hey, test your general knowledge with these 7 quizzes"
https://github.com/alicbm/quizz
css html5 react-hooks react-router reactjs typescript
Last synced: about 2 months ago
JSON representation
"Hey, test your general knowledge with these 7 quizzes"
- Host: GitHub
- URL: https://github.com/alicbm/quizz
- Owner: Alicbm
- Created: 2023-01-23T01:13:45.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-04T21:11:42.000Z (over 3 years ago)
- Last Synced: 2025-10-05T13:39:28.190Z (9 months ago)
- Topics: css, html5, react-hooks, react-router, reactjs, typescript
- Language: TypeScript
- Homepage: https://quizz-alicbm.vercel.app
- Size: 984 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quizz
Hi, welcome to my project.
This time I present to you the quiz app, with which you can test your skills and knowledge in different categories.
This app makes requests to an API I created earlier, for more information about this API you can visit the following link [api_quizz](https://api-quizz.vercel.app/api/v1 "api_quizz").
Here you have access to 7 different categories, you have to choose a category on the welcome page, then you will have a quiz with 15 questions related to the category you chose. The quiz you have 2 minutes to complete it, if the time is up, the quiz is also over and you have access to the number of correct answers from all categories, you can try as many times as you want. Below I present the categories available in this questionnaire:
- General culture
- Animals
- Sports
- Cities
- JavaScript
- HTML
- CSS
[](https://github.com/Alicbm/quizz/blob/master/src/gif/quizz.gif "Quizz")
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\
You will also see any lint errors in the console.
### `npm test`
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
### `npm run eject`
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
## How to use it? :brain:
- Clone this repository through the two must famous options:
1. `https://github.com/Alicbm/todo-app.git`
1. `git@github.com:Alicbm/todo-app.git`
- Install the necessary dependencies.
`npm install`
- initialize the application.
`npm start`
- Enjoy of the application where you can test your knowledge and have fun :grin:
*Ceated by Alic Barandica, Fronted Developer.*