Wedding Company Quiz App

A modern, interactive quiz application built with React and Tailwind CSS. This application allows users to test their knowledge with a smooth, animated interface.

🚀 Setup Instructions

To get this project running on your local machine, follow these steps:

1. Clone the repository (if you haven't already).
2. Install dependencies: Navigate to the project directory and run:

   npm install

3. Start the development server:

   npm run dev

4. Open in Browser: Open the local URL provided by Vite (usually http://localhost:5173) in your web browser.

🛠️ Tech Stack Used

• Framework: React (v19)
• Build Tool: Vite
• Styling: Tailwind CSS (v4)
• Animations: Framer Motion
• Icons: Lucide React
• Utilities: clsx, tailwind-merge

✨ Key Features Implemented

• Interactive Quiz Interface: Clean and responsive UI for answering questions.
• Progress Tracking: Visual progress bar showing completion status.
• Animated Transitions: Smooth slide-in/slide-out animations for questions using Framer Motion.
• Result Screen: Displays the final score and offers a "Retry" option.
• Response Handling: Visual feedback for selected options (highlighting).
• Navigation: Previous/Next navigation with state validation (cannot proceed without answering).
• Responsive Design: optimized for both desktop and mobile views.

🧐 Assumptions Made

• Data Source: Questions are currently hardcoded in src/data.js and not fetched from an API.
• State Management: App state (current question, answers) is local and will reset on page refresh.
• Single Correct Answer: The logic assumes there is only one correct answer per question.
• Linear Flow: The quiz is designed to proceed linearly, though users can navigate back to change answers before submitting.

⏳ Time Spent on Assignment

• [Time spent on assignment (e.g., 12 hours)]

---