DEV Community

Lajpat Gautam
Lajpat Gautam

Posted on

React-quiz-app

React Quiz App

🧠 React Quiz App
An interactive, timer-based quiz application built using React, designed to evaluate users’ knowledge through dynamic questions and real-time score calculation.

This project highlights my hands-on understanding of React fundamentals, component-based architecture, and efficient state management.
πŸš€ Live Demo
πŸ”— Deployed on Netlify
πŸ‘‰ https://react-quiz-app-lajpat.netlify.app/

✨ Key Features
⏱️ 30-second timer for each quiz session

πŸ“Š Automatic score calculation

πŸ”„ Dynamic question rendering

🧠 Smooth and user-friendly quiz flow

πŸ“± Fully responsive UI (Mobile & Desktop)

⚑ Fast performance with optimized React components
πŸ› οΈ Tech Stack

React.js

JavaScript (ES6+)

HTML5

CSS3

Netlify (Deployment)

Screenshots

Home Screen

Result Screen

βš™οΈ Getting Started (Run Locally)

Follow these steps to run the project on your local machine:
1️⃣ Clone the repository
git clone https://github.com/Lajpatgautam/react-quiz-app.git

2️⃣ Navigate to the project directory
cd react-quiz-app

3️⃣ Install dependencies
npm install

4️⃣ Start the development server
npm start
The app will run at:
πŸ‘‰ http://localhost:3000

πŸ“Œ What This Project Demonstrates

Strong understanding of React state & props

Component reusability and clean UI structure

Timer logic and conditional rendering

Real-world project deployment experience

Responsive design principles
πŸ“¬ Contact

πŸ‘€ Lajpat Gautam
πŸ”— GitHub: https://github.com/Lajpatgautam

🌐 Portfolio / Live Projects available on request

Top comments (0)