QuizAI – AI-Powered Quiz App

An intelligent quiz platform that lets users generate, attempt, and track quizzes powered by AI.

Features

• User Authentication (JWT)
• AI-based quiz generation via Gemini API
• Timer-based quiz interface
• Detailed result analysis
• Quiz history for each user
• Profile picture uploads via Cloudinary
• Forgot Password flow
• Fully responsive UI
• Toast notifications for user feedback

Tech Stack

Frontend

• React
• Tailwind CSS
• React Router
• Axios
• React Icons

Backend

• Node.js + Express
• MongoDB + Mongoose
• Cloudinary (image upload)
• Gemini API (quiz generation)
• JWT (auth)
• Bcrypt (password hashing)

Getting Started

Prerequisites

Make sure you have:

• Node.js installed
• A MongoDB Atlas account
• A Cloudinary account
• A Gemini API key

Backend Setup

Navigate to backend

cd Server

Initialize project (if needed)

npm init -y

Install dependencies

npm install express mongoose dotenv cors bcryptjs jsonwebtoken axios cloudinary multer

Create your environment file

.env

.env file contents

PORT=your port MONGODB_URI=your password JWT_SECRET=your key GEMINI_API_KEY=your AI API KEY CLOUDINARY_API_KEY=Cloudinary key CLOUDINARY_SECRET_KEY=you will get it from your cloudinary account's dashboard CLOUDINARY_NAME= you will get it from your cloudinary account's dashboard

Start the backend server

npm run dev

Navigate to frontend

cd Client

Install dependencies

npm install

Start the React app

npm run dev

Client side .env file

VITE_BACKEND_URL=backend port