QUIZZY---INTERACTIVE-QUIZ-APPLICATION

COMPANY: CODTECH IT SOLUTION

NAME: SAKSHAM VIJAY KHOBRAGADE

INTERN ID: CT04DA720

DOMAIN: FRONTEND WEB DEVELOPMENT

DURATION: 4 WEEKS

MENTOR: NEELA SANTOSH

Quizzy is a sleek and interactive quiz application built with React.js, Tailwind CSS, and GSAP animations.
It fetches dynamic multiple-choice questions from the Open Trivia Database API and lets users test their knowledge in a fun, animated environment.

Features

• Start quiz with a smooth animated intro
• Randomly shuffled questions and options
• Score tracking
• Time taken to complete the quiz
• Animated transitions using GSAP
• Responsive design with Tailwind CSS
• Live feedback on correct/incorrect answers
• Dashboard to view final results
• Option to restart the quiz

Technologies Used

• React.js
• Tailwind CSS
• GSAP (GreenSock Animation Platform)
• Axios (for API calls)
• Open Trivia Database API

Installation

1. Clone the repository: https://github.com/Sakshamk17/QUIZZY---INTERACTIVE-QUIZ-APPLICATION.git

2. Navigate to the project directory: cd quizzy

3. Install dependencies: npm install npm install tailwindcss @tailwindcss/vite npm install gsap

4. Run the application locally: npm run dev or npm start

Folder Structure

quizzy/ ├── public/ ├── src/ │ ├── components/ │ │ ├── Navbar.jsx │ │ ├── QuestionCard.jsx │ │ ├── Dashboard.jsx │ ├── utils/ │ │ ├── utils.js │ ├── App.jsx │ └── index.js ├── package.json ├── tailwind.config.js └── README.md

##OUTPUT