Quiz Builder

A full-stack quiz application built with Next.js (frontend) and NestJS (backend) with Prisma ORM and PostgreSQL database.

Features

• 📝 Create custom quizzes with multiple question types
• ✅ Support for Boolean, Input, and Checkbox questions
• 🎯 View and manage all quizzes
• 🗑️ Delete unwanted quizzes

Tech Stack

• Frontend: Next.js 15, React 19, TypeScript, Tailwind CSS
• Backend: NestJS, TypeScript, Prisma ORM
• Database: PostgreSQL (Docker)

Quick Start

Prerequisites

• Node.js (v18+)
• Docker and Docker Compose

Setup and Run

1. Clone the repository

   git clone <repository-url>
   cd quiz-builder

2. Start database

   cd backend
   docker-compose up -d

3. Setup backend

   npm install
   npx prisma migrate deploy
   npx prisma generate
   npm run start:dev

4. Setup frontend (new terminal)

   cd frontend
   npm install
   npm run dev

5. Access the application

   • Frontend: http://localhost:3001
   • Backend API: http://localhost:3000

Environment Setup

Create backend/.env file:

DATABASE_URL="postgresql://quizuser:quizpass@localhost:5432/quizdb"

Usage

1. Open http://localhost:3001
2. Click "Create Quiz" to add a new quiz
3. Add questions with different types (Boolean, Input, Checkbox)
4. View all quizzes on the main page
5. Click on any quiz to see details

Database Management

# View data in browser
cd backend && npx prisma studio

# Reset database
cd backend && npx prisma migrate reset

# Stop database
cd backend && docker-compose down

Project Structure

quiz-builder/
├── frontend/          # Next.js app
├── backend/           # NestJS API + Prisma
├── .gitignore        # Shared git ignore
└── README.md         # This file