Assighnment for AgentInsights By kanishk kashyap
Demo link https://agent-insights-assighnment.vercel.app/
Installation
git clone https://github.com/kanishkcs/agentInsights-assighnment
cd agentInsights-assighnment
npm install
npm run devThis will start the development server on port 3000. You can then open the app in your browser at http://localhost:5173.
Features
- Vite + React
- React Router
- Countdown Timer
- Progress Bar
- Shuffle Algo Rithm
- Responsive
Bonus Tasks
- Added a countdown timer to each question
- Added a progress bar to track the user's progress through the quiz
- Added the Shuffle of Questions so that user will be given Random Question Each Time
No UI library is Used All the designs are implemented using Pure CSS
- Styled Components
Usage
To start the quiz, simply click the "Start Quiz" button. You will then be presented with a series of questions. To answer a question, simply select one of the answer choices and click the "Submit" button.
The countdown timer will start when you begin the quiz and will expire after the allotted time has passed.
If the timer expires before you have finished the quiz, you will be automatically taken to the next question.
The progress bar will track your progress through the quiz.
The bar will fill up as you answer more questions correctly.
Once you have finished the quiz,
you will be presented with a score summary.
Your score will be based on the number of questions you answered correctly.