🧠 Sentence Construction Quiz App

An interactive and aesthetic sentence construction quiz built using React, Vite, Tailwind CSS, and MUI. This application is designed for timed quizzes, feedback screens, and animated interactions — ideal for language learners and reasoning practice.

✨ Features

🔄 Quiz Interface

• Sentence completion with selectable words.
• One blank – multiple choice options per blank.
• Automatic validation before proceeding to the next question.
• Timer (30 seconds per question) with visual countdown.

📊 Progress & Feedback

• Dynamic progress bar above each question.
• Final feedback screen with score and explanation.

📦 UI/UX

• Aesthetic card-like white box with:
  • Drop shadows and rounded corners.
  • Smooth entry/exit animations using Framer Motion.
  • Responsive layout for mobile, tablet, and desktop.

⚙️ Functional Controls

• Quit Button with confirmation dialog.
• Keyboard and mobile-friendly design.

🎨 Styling

• Used Tailwind CSS for layout and color utility.
• MUI buttons and dialog boxes for polished look.
• Custom hover effects, gradient backgrounds, and smooth transitions.

📁 Data Source

• Questions are loaded from static JSON (can also be run by JSON Server on localhost).

🛠 Tech Stack

• Frontend: React + Vite + Tailwind CSS + MUI
• Animation: Framer Motion
• State Handling: React Hooks

Deployment Link:- sentence-construction-tool.vercel.app

Video

https://github.com/user-attachments/assets/7d769de7-a66a-4019-b0a7-46f3cdc3cfd9

1. Clone the Repository

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