🚀 React Quiz App

A dynamic and engaging web application built with React.js that delivers an interactive quiz experience. This project features a complete responsive design for seamless use across all devices, a clean and intuitive user interface, and a timed quiz with a real-time progress bar to track your journey.

The app provides instant score updates as you answer questions and displays a comprehensive scorecard upon completion. An automatic submission feature ensures the quiz submits when time runs out.

🌐 Live Demo

Live Demo

✨ Features

• 🌐 Fully Responsive Design: Optimized for all devices and screen sizes
• 🎨 Clean User Interface: Intuitive and user-friendly design for an enjoyable experience
• ⏲️ Timed Quiz: Each question is timed to add challenge and excitement
• 📊 Real-time Progress Bar: Track your quiz progress instantly
• 📈 Instant Score Updates: Get immediate feedback after each question
• 📜 Detailed Scorecard: View comprehensive results at the end
• ⏱️ Auto-Submission: Quiz automatically submits when time expires

☁️ Deployment

Deployed on AWS using:

• S3 — Static file hosting
• CloudFront — CDN for fast global delivery with HTTPS

🛠️ Built With

• React.js - JavaScript library for building user interfaces
• Modern React Hooks (useState, useEffect, useReducer)
• CSS3 for styling and animations

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/Jeevanm2004/react-quiz-app.git

2. Navigate to project directory:

cd react-quiz-app

3. Install dependencies:

npm install

4. Start the development server:

npm start

5. Open http://localhost:3000 to view it in your browser

📚 Key Learning Points

• Mock API Integration: Creating and deploying a fake API for quiz data
• State Management: Implementing complex state logic with useReducer hook
• Data Fetching: Using useEffect for API calls and timer management
• Component Architecture: Building reusable and maintainable React components

📱 Responsive Design

The application is fully responsive and works seamlessly across:

• Desktop computers
• Tablets
• Mobile devices

🤝 Connect With Me

• Email: jeevanm.bit@gmail.com
• LinkedIn: linkedin.com/in/jeevanabhi

📄 License

This project is open source and available under the MIT License.

---

⭐ If you found this project helpful, please consider giving it a star!