Skip to content

Maria-Shch/QuizApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 

Repository files navigation

Quiz App 🧩

Browser application for playing quiz in Russian. You can deploy this app in your browser and play the quiz consisting of 10 default questions on different topics. This project was bootstrapped with Create React App.

This project was developed as part of summer practice. Task and mentoring from Grid Dynamics.

Getting Started 📋

Prerequisites

To run this application you will need Node.js.

Installing

After installing Node.js, you should clone the project repository from https://github.com/Maria-Shch/QuizApp.git.

Then open Node.js command prompt. Using the command cd go to my-app folder. Sample:

cd C:\Users\user\Documents\QuizApp\my-app

The next step is to run the command:

npm install

It does with installing various packages and resolving their various dependencies.

And finally the last command will launch the application in your browser at http://localhost:3000/index.

npm start

Description 📝

After launching the application, you can find main page by the link http://localhost:3000/index.

image

The Квиз button will take you to the first question of the quiz.

image

After passing the quiz, you will see your result:

image

All your results can be viewed by clicking the История button.

image

All results are stored in the browser's Local Storage. To find them, open DevTools by pressing F12 and then go to the Application tab.

Questions storage 📂

The file with questions questions.json is stored along the path my-app\src\data\questions.json. By default, a single quiz with id:"07e6bda" is stored in the file.

image

image

You can manage the quiz questions by modifying this file. You can simply edit the already existing set of questions. And also you can add another quiz. In this case, you must change the quiz id in the my-app\src\App.js file to your quiz id.

image

About

🧩 Browser application for playing quiz. This project was bootstrapped with Create React App.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors