Create the docker file

.dockerignore

@@ -0,0 +1,15 @@
+node_modules
+.next
+.git
+.gitignore
+README.md
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.DS_Store
+*.tsbuildinfo

Dockerfile

@@ -0,0 +1,23 @@
+# Use the official Node.js 18 image
+FROM node:18-alpine
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm ci --only=production
+
+# Copy the rest of the application
+COPY . .
+
+# Build the application
+RUN npm run build
+
+# Expose the port that the app runs on
+EXPOSE 3000
+
+# Start the application
+CMD ["npm", "start"]

README_HF.md

@@ -0,0 +1,58 @@
+---
+title: QuizFlash - AI-Powered Quiz Generation
+emoji: 🎓
+colorFrom: blue
+colorTo: purple
+sdk: docker
+pinned: false
+license: mit
+app_port: 3000
+---
+
+# QuizFlash - AI-Powered Quiz Generation
+
+An intelligent quiz creation tool that helps educators generate interactive assessments using AI. Create various types of questions including cloze tests, comprehension questions, and more.
+
+## Features
+
+- 🤖 AI-powered question generation
+- 📚 Multiple question types (Cloze, Word Comprehension, Grammar, etc.)
+- 📄 Source article integration
+- 💬 Interactive chat interface
+- 🎯 Customizable difficulty levels
+- 📊 Question bank management
+
+## How to Use
+
+1. **Select Question Type**: Choose from various question formats
+2. **Configure Parameters**: Set difficulty, grade level, and other options
+3. **Add Source Article**: Provide text content for question generation
+4. **Generate Questions**: Let AI create questions based on your specifications
+5. **Manage Questions**: Edit, reorder, and export your quiz
+
+## Environment Variables
+
+Make sure to set your OpenAI API key in the Hugging Face Space settings:
+
+```
+OPENAI_API_KEY=your_openai_api_key_here
+```
+
+## Question Types
+
+- **Cloze (Fill-in-the-blank)**: Test vocabulary and comprehension
+- **Word Comprehension**: Assess vocabulary understanding in context
+- **Grammar Structure**: Identify grammatical patterns
+- **Paragraph Structure**: Analyze text organization
+- **Paragraph Summary**: Create text summaries
+- **Paragraph Details**: Identify key information
+- **Textual Inference**: Make logical inferences from text
+
+## Technology Stack
+
+- Next.js 15 with App Router
+- React 19
+- TypeScript
+- Tailwind CSS
+- OpenAI GPT-4o-mini
+- AI SDK for React

next.config.ts

@@ -1,7 +1,13 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  output: 'standalone',
+  experimental: {
+    outputFileTracingRoot: undefined,
+  },
+  env: {
+    OPENAI_API_KEY: process.env.OPENAI_API_KEY,
+  },
 };
 
 export default nextConfig;