QuizMe

QuizMe is a modern web application built with Next.js that provides an interactive quiz platform with advanced features.

Check out our demo video to see QuizMe in action:

Quizme.mp4

🚀 Features

• Interactive Quiz Platform: Create, take, and manage quizzes
• Modern Authentication: Secure user authentication using NextAuth.js
• Responsive Design: Responsive UI using Tailwind CSS
• Real-time Progress Tracking: Track quiz progress with interactive progress bars
• Word Cloud Visualization: Visual representation of quiz data using react-d3-cloud
• Theme Support: Dark/Light mode support using next-themes
• Form Validation: Robust form handling with react-hook-form and zod
• Toast Notifications: User-friendly notifications using Radix UI
• Database Integration: Persistent data storage using Prisma ORM

🛠️ Technologies Used

Frontend

• Next.js 15: React framework for production
• React 19: UI library
• Tailwind CSS: Utility-first CSS framework
• Shadcn UI: UI components
• Framer Motion: Animation library
• Radix UI: Unstyled, accessible components

Backend & Data

• Prisma: Next-generation ORM
• NextAuth.js: Authentication for Next.js
• OpenAI: AI integration
• Axios: HTTP client

Development Tools

• TypeScript: Type safety
• ESLint: Code linting
• PostCSS: CSS processing
• Turbopack: Fast development server

🚀 Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Set up your environment variables
4. Run the development server:

   npm run dev

📝 Scripts

• npm run dev: Start development server with Turbopack
• npm run build: Generate Prisma client and build the application
• npm run start: Start production server
• npm run lint: Run ESLint

🔧 Prerequisites

• Node.js (Latest LTS version recommended)
• npm or yarn
• PostgreSQL (or your preferred database)