Quiz Generator
AI-Powered Quiz Generation Platform
Next.js 16 · TypeScript · AWS Amplify · DynamoDB · OpenAI
Overview
Quiz Generator is an AI-powered quiz generation platform that creates multiple-choice quizzes from text input. Built with Next.js 16 and TypeScript, it leverages OpenAI GPT-4o-mini to generate questions, stores quizzes in AWS DynamoDB, and provides comprehensive export options. The platform demonstrates production-ready serverless architecture with AWS Lambda, API Gateway, and Amplify Hosting, showcasing expertise in AI integration, cloud services, and full-stack TypeScript development.
Key Features
- AI-Powered Quiz Generation using OpenAI GPT-4o-mini to create multiple-choice questions from text input with customizable difficulty levels, question counts, and answer choices.
- Customizable Quiz Parameters including difficulty selection (easy, medium, hard), configurable number of questions (1-20), flexible choice counts (2-6 per question), and support for single or multiple correct answers.
- Comprehensive Results Display featuring formatted quiz presentation with correct answer highlighting, detailed explanations for each question, and metadata display (difficulty, creation date, quiz ID).
- Multi-Format Export Functionality supporting JSON export for programmatic use, plain text export for easy reading, and CSV export for spreadsheet integration with proper formatting and escaping.
- Serverless Backend Architecture powered by AWS Lambda functions for quiz generation and retrieval, DynamoDB for persistent quiz storage, API Gateway for RESTful endpoints, and AWS Secrets Manager for secure API key management.
- Production-Ready Deployment with AWS Amplify Hosting for frontend deployment, local development fallback API routes, session storage for client-side caching, and error handling with user-friendly messages.
Architecture
Serverless architecture using AWS services:
- Frontend (AWS Amplify): Next.js 16 App Router handles dynamic routing and component rendering with Chakra UI v3 for modern, accessible components and Framer Motion for smooth animations.
- Backend (AWS Lambda): Two Lambda functions (generateQuiz and getQuiz) handle quiz generation via OpenAI API and quiz retrieval from DynamoDB with proper error handling and validation.
- Data Layer: DynamoDB table stores quiz data with unique quiz IDs, timestamps, and full question/answer structures for persistent access.
- API Layer: API Gateway provides RESTful endpoints with rate limiting and throttling, supporting both production (Amplify) and local development environments.
Technical Highlights
| Category | Technologies / Practices |
|---|---|
| Frontend | Next.js 16, React 19, TypeScript, App Router |
| UI/UX | Chakra UI v3, Framer Motion, Responsive Design |
| Backend | AWS Lambda, API Gateway, DynamoDB, Secrets Manager |
| AI Integration | OpenAI GPT-4o-mini, JSON response parsing, Prompt engineering |
| Data Export | JSON, TXT, CSV formats, File-saver library, PapaParse |
| Deployment | AWS Amplify Hosting, Environment-based configuration |
| Development | Local API routes fallback, Session storage caching |
Outcome
- Demonstrates production-ready serverless architecture with AWS Lambda, DynamoDB, and API Gateway integration.
- Showcases AI-powered content generation using OpenAI API with structured JSON responses and error handling.
- Highlights flexible quiz customization with multiple parameters for difficulty, question count, and answer format.
- Proves expertise in full-stack TypeScript development with Next.js 16, React 19, and modern UI libraries.
- Exhibits professional export capabilities supporting multiple formats for different use cases and integrations.