Skip to content

AbdullahButt2611/Quiz_App_ReactJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Quiz App

React Web Application



A quiz app is a tool that allows users to take quizzes on various subjects. The app may include features such as multiple choice questions, timed quizzes, and the ability to track scores and progress. Users may also have the ability to create and share their own quizzes. A quiz app is a tool that allows users to test their knowledge on various topics through a series of multiple choice or true/false questions. It is a interactive way to learn and test knowledge on different subjects. User can select topic of their choice and start taking quiz. It can be used for educational and personal development purposes, as well as for fun and entertainment.
The user has to click on the start button to start the quiz and then the question screen will display the user a question that the user will be given a list of options. To tell the user about the time to solve the problem, a progress bar has been made at the top of the container wall. The user can then simply choose any of the option. The option will be highlighted. The user then click on the button or can wait for the time to end to move to the next question. After all the questions, the result screen will appear displaying the results of the test in the form of percentage.



Features


Following are some of the new features and learning encountered while creating this amazing project:
  • Creating components in REACT JS
  • Making an interactive progress bar to elaborate the user about the time left to solve the MCQ. A unique way to ticker the time instead of actually displaying any number



Resources


Follwing resources have been used in maintaining this project:



Demo

The Demo of this working portfolio can be found on
https://rebrand.ly/QuizApp_MABCORP



GUI



Technology Stack


Follwing technologies have been used at the core of this application to make it stand in the market place:
  • HTML
  • CSS
  • JS
  • REACT JS



Advancement

The first question is not loading, the index is starting from the second.
The selection is not completely correct. It is not evaluating correctly.



Deployment Details

The website is deployed using the free hosting provided by Vercel



Later on the link was customized using the well-known URL shortener and customizer **Rebrandly**:



Developer

Muhammad Abdullah Butt
abdullahbutt12292210@gmail.com

Instagram
FaceBook
YouTube
Portfolio
Project Displayer

About

This quiz app contains timer, next button along with score screen.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published