This is a web-based quiz application built with React.js, featuring an intuitive UI and engaging gamification elements. The app dynamically fetches quiz questions from an API and presents them with a modern, interactive experience.
02.02.2025_23.30.48_REC.mp4
- Start Quiz: A simple and interactive quiz initiation.
- Multiple-Choice Questions: Users can select one answer per question.
- Real-Time Feedback: Displays if the selected answer is correct or incorrect.
- Results Summary: Shows total points scored at the end of the quiz.
- ⏳ Timer per Question: Users must answer within a time limit.
- 📊 Progress Bar: Visual indication of quiz progress.
- 🏆 Scoreboard & Achievements: Tracks scores and milestones.
- 🎨 Enhanced UI/UX: Clean and engaging design with animations.
The quiz data is dynamically fetched from the following API: 🔗 Endpoint: https://api.jsonserve.com/Uw5CrX
- Error Handling: Displays user-friendly error messages for API failures.
- Data Parsing: Ensures proper handling of API responses.
- Frontend: React.js
- State Management: React Hooks (useState, useEffect)
- Styling: CSS and Tailwind for responsive design
- API Handling: Fetch API
Ensure you have Node.js and npm/yarn installed.
# Clone the repository
git clone https://github.com/your-username/TestlineAssignment.git
# Navigate to the project folder
cd TestlineAssignment
# Install dependencies
npm install # or yarn install
# Start the development server
npm start # or yarn startThe app will be available at http://localhost:3000/.