Quiz App React

A simple and interactive Quiz App built with React.js and Tailwind CSS, designed to practice state management, user interactions, and frontend styling.

---

Features

• Multiple-choice questions
• Immediate feedback on correct/incorrect answers with color change
• Track current question and quiz progress
• Display final score at the end
• Responsive layout using Tailwind CSS

---

Technologies Used

• React.js – frontend framework
• Tailwind CSS – utility-first CSS framework for styling
• JavaScript (ES6+) – application logic
• Git – version control and professional commit history

---

Getting Started

1. Clone the repository:

git clone https://github.com/your-username/quiz-app-react.git
cd quiz-app-react

2. Install dependencies:

npm install

3. Run the project:

npm run dev

4. Open your browser at http://localhost:5173 (Vite default) to see the app in action.

---

Usage

• Select an answer for each question.
• Once answered, the button will change color (green for correct, red for incorrect) and be disabled.
• Click "Next Question" to move forward.
• The quiz ends with your final score displayed.

---

Project Structure

quiz-app-react/
├─ src/
│  ├─ App.jsx           # Main component
│  ├─ questions.js      # Array of quiz questions
│  ├─ index.css         # Tailwind CSS imports and custom styles
├─ public/
├─ package.json
└─ README.md

---

Commit Practices

This project was developed using clear, professional Git commits. Example commits:

• feat: setup basic quiz questions and initial App component
• feat: display first quiz question with answer buttons and basic styling
• feat: add next question logic and display final score
• feat: implement answer selection with score tracking and conditional button colors

---

License

This project is open source and free to use.