[V0_FILE]typescriptreact:file="lib/types.ts" isEdit="true" isQuickEdit="true" isMerged="true" export interface User { id: string name: string email: string totalScore: number quizzesCompleted: number createdAt: Date } export interface Quiz { id: string title: string description: string category: "technical" | "games" | "sports" | "general" difficulty: "easy" | "medium" | "hard" timeLimit?: number // in minutes totalQuestions: number createdBy: string createdAt: Date isActive: boolean } export interface Question { id: string quizId: string type: "multiple-choice" | "true-false" | "short-answer" | "fill-in-blank" question: string options?: string[] // for multiple choice correctAnswer: string | string[] points: number explanation?: string order: number } export interface QuizAttempt { id: string userId: string quizId: string answers: Record score: number totalPossibleScore: number completedAt: Date timeSpent: number // in seconds isCompleted: boolean } export interface QuizResult { id: string attemptId: string userId: string quizId: string score: number percentage: number correctAnswers: number totalQuestions: number timeSpent: number breakdown: { questionId: string isCorrect: boolean userAnswer: string | string[] correctAnswer: string | string[] points: number }[] } export interface UserProgress { userId: string totalQuizzes: number totalScore: number averageScore: number categoryStats: Record< string, { attempted: number averageScore: number bestScore: number } > recentAttempts: QuizAttempt[] } export interface QuestionBankItem { id: string type: "multiple-choice" | "true-false" | "short-answer" | "fill-in-blank" question: string options?: string[] correctAnswer: string | string[] points: number explanation?: string category: "technical" | "games" | "sports" | "general" difficulty: "easy" | "medium" | "hard" tags: string[] createdBy: string createdAt: Date usageCount: number } export interface QuestionBankFilter { category?: string difficulty?: string type?: string tags?: string[] searchTerm?: string } [V0_FILE]typescriptreact:file="lib/storage.ts" isEdit="true" isQuickEdit="true" isMerged="true" import type { Quiz, Question, User, QuizAttempt, QuizResult, QuestionBankItem, QuestionBankFilter } from "./types" import { mockUsers, mockQuizzes, mockQuestions, mockQuizAttempts } from "./mock-data" const STORAGE_KEYS = { USERS: "quiz_app_users", QUIZZES: "quiz_app_quizzes", QUESTIONS: "quiz_app_questions", ATTEMPTS: "quiz_app_attempts", RESULTS: "quiz_app_results", CURRENT_USER: "quiz_app_current_user", } const QUESTION_BANK_KEY = "quiz_app_question_bank" // Initialize storage with mock data if empty export const initializeStorage = () => { if (typeof window === "undefined") return if (!localStorage.getItem(STORAGE_KEYS.USERS)) { localStorage.setItem(STORAGE_KEYS.USERS, JSON.stringify(mockUsers)) } if (!localStorage.getItem(STORAGE_KEYS.QUIZZES)) { localStorage.setItem(STORAGE_KEYS.QUIZZES, JSON.stringify(mockQuizzes)) } if (!localStorage.getItem(STORAGE_KEYS.QUESTIONS)) { localStorage.setItem(STORAGE_KEYS.QUESTIONS, JSON.stringify(mockQuestions)) } if (!localStorage.getItem(STORAGE_KEYS.ATTEMPTS)) { localStorage.setItem(STORAGE_KEYS.ATTEMPTS, JSON.stringify(mockQuizAttempts)) } if (!localStorage.getItem(STORAGE_KEYS.RESULTS)) { localStorage.setItem(STORAGE_KEYS.RESULTS, JSON.stringify([])) } if (!localStorage.getItem(QUESTION_BANK_KEY)) { localStorage.setItem(QUESTION_BANK_KEY, JSON.stringify([])) } } // User operations export const getUsers = (): User[] => { if (typeof window === "undefined") return [] const users = localStorage.getItem(STORAGE_KEYS.USERS) return users ? JSON.parse(users) : [] } export const getCurrentUser = (): User | null => { if (typeof window === "undefined") return null const userId = localStorage.getItem(STORAGE_KEYS.CURRENT_USER) if (!userId) return null const users = getUsers() return users.find((user) => user.id === userId) || null } export const setCurrentUser = (userId: string) => { if (typeof window === "undefined") return localStorage.setItem(STORAGE_KEYS.CURRENT_USER, userId) } // Quiz operations export const getQuizzes = (): Quiz[] => { if (typeof window === "undefined") return [] const quizzes = localStorage.getItem(STORAGE_KEYS.QUIZZES) return quizzes ? JSON.parse(quizzes) : [] } export const getQuizById = (id: string): Quiz | null => { const quizzes = getQuizzes() return quizzes.find((quiz) => quiz.id === id) || null } export const saveQuiz = (quiz: Quiz) => { if (typeof window === "undefined") return const quizzes = getQuizzes() const existingIndex = quizzes.findIndex((q) => q.id === quiz.id) if (existingIndex >= 0) { quizzes[existingIndex] = quiz } else { quizzes.push(quiz) } localStorage.setItem(STORAGE_KEYS.QUIZZES, JSON.stringify(quizzes)) } // Question operations export const getQuestionsByQuizId = (quizId: string): Question[] => { if (typeof window === "undefined") return [] const questions = localStorage.getItem(STORAGE_KEYS.QUESTIONS) const allQuestions: Question[] = questions ? JSON.parse(questions) : [] return allQuestions.filter((q) => q.quizId === quizId).sort((a, b) => a.order - b.order) } export const saveQuestion = (question: Question) => { if (typeof window === "undefined") return const questions = localStorage.getItem(STORAGE_KEYS.QUESTIONS) const allQuestions: Question[] = questions ? JSON.parse(questions) : [] const existingIndex = allQuestions.findIndex((q) => q.id === question.id) if (existingIndex >= 0) { allQuestions[existingIndex] = question } else { allQuestions.push(question) } localStorage.setItem(STORAGE_KEYS.QUESTIONS, JSON.stringify(allQuestions)) } // Quiz attempt operations export const saveQuizAttempt = (attempt: QuizAttempt) => { if (typeof window === "undefined") return const attempts = localStorage.getItem(STORAGE_KEYS.ATTEMPTS) const allAttempts: QuizAttempt[] = attempts ? JSON.parse(attempts) : [] allAttempts.push(attempt) localStorage.setItem(STORAGE_KEYS.ATTEMPTS, JSON.stringify(allAttempts)) } export const getUserAttempts = (userId: string): QuizAttempt[] => { if (typeof window === "undefined") return [] const attempts = localStorage.getItem(STORAGE_KEYS.ATTEMPTS) const allAttempts: QuizAttempt[] = attempts ? JSON.parse(attempts) : [] return allAttempts.filter((attempt) => attempt.userId === userId) } // Quiz result operations export const saveQuizResult = (result: QuizResult) => { if (typeof window === "undefined") return const results = localStorage.getItem(STORAGE_KEYS.RESULTS) const allResults: QuizResult[] = results ? JSON.parse(results) : [] allResults.push(result) localStorage.setItem(STORAGE_KEYS.RESULTS, JSON.stringify(allResults)) } export const getUserResults = (userId: string): QuizResult[] => { if (typeof window === "undefined") return [] const results = localStorage.getItem(STORAGE_KEYS.RESULTS) const allResults: QuizResult[] = results ? JSON.parse(results) : [] return allResults.filter((result) => result.userId === userId) } // Question bank operations export const getQuestionBank = (): QuestionBankItem[] => { if (typeof window === "undefined") return [] const questionBank = localStorage.getItem(QUESTION_BANK_KEY) return questionBank ? JSON.parse(questionBank) : [] } export const saveQuestionBankItem = (item: QuestionBankItem) => { if (typeof window === "undefined") return const questionBank = getQuestionBank() const existingIndex = questionBank.findIndex((q) => q.id === item.id) if (existingIndex >= 0) { questionBank[existingIndex] = item } else { questionBank.push(item) } localStorage.setItem(QUESTION_BANK_KEY, JSON.stringify(questionBank)) } export const deleteQuestionBankItem = (id: string) => { if (typeof window === "undefined") return const questionBank = getQuestionBank() const filteredBank = questionBank.filter((item) => item.id !== id) localStorage.setItem(QUESTION_BANK_KEY, JSON.stringify(filteredBank)) } export const searchQuestionBank = (filter: QuestionBankFilter): QuestionBankItem[] => { const questionBank = getQuestionBank() return questionBank.filter((item) => { if (filter.category && item.category !== filter.category) return false if (filter.difficulty && item.difficulty !== filter.difficulty) return false if (filter.type && item.type !== filter.type) return false if (filter.tags && filter.tags.length > 0) { const hasMatchingTag = filter.tags.some((tag) => item.tags.some((itemTag) => itemTag.toLowerCase().includes(tag.toLowerCase())), ) if (!hasMatchingTag) return false } if (filter.searchTerm) { const searchLower = filter.searchTerm.toLowerCase() const matchesQuestion = item.question.toLowerCase().includes(searchLower) const matchesTags = item.tags.some((tag) => tag.toLowerCase().includes(searchLower)) if (!matchesQuestion && !matchesTags) return false } return true }) } export const incrementQuestionUsage = (id: string) => { if (typeof window === "undefined") return const questionBank = getQuestionBank() const item = questionBank.find((q) => q.id === id) if (item) { item.usageCount++ localStorage.setItem(QUESTION_BANK_KEY, JSON.stringify(questionBank)) } } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/manage/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Label } from "@/components/ui/label" import { Switch } from "@/components/ui/switch" import { Plus, Edit, Trash2, Eye, Settings, BookOpen, Clock, Users } from "lucide-react" import type { Quiz } from "@/lib/types" import { getQuizzes, saveQuiz, getCurrentUser, getQuestionsByQuizId } from "@/lib/storage" import Link from "next/link" export default function ManagePage() { const [quizzes, setQuizzes] = useState([]) const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false) const [editingQuiz, setEditingQuiz] = useState(null) const [currentUser, setCurrentUser] = useState(null) // Form state const [formData, setFormData] = useState({ title: "", description: "", category: "general" as Quiz["category"], difficulty: "medium" as Quiz["difficulty"], timeLimit: "", isActive: true, }) useEffect(() => { const user = getCurrentUser() setCurrentUser(user) loadQuizzes() }, []) const loadQuizzes = () => { const allQuizzes = getQuizzes() const user = getCurrentUser() // Filter quizzes created by current user const userQuizzes = user ? allQuizzes.filter((quiz) => quiz.createdBy === user.id) : allQuizzes setQuizzes(userQuizzes) } const resetForm = () => { setFormData({ title: "", description: "", category: "general", difficulty: "medium", timeLimit: "", isActive: true, }) setEditingQuiz(null) } const handleCreateQuiz = () => { if (!currentUser || !formData.title.trim()) return const newQuiz: Quiz = { id: Date.now().toString(), title: formData.title.trim(), description: formData.description.trim(), category: formData.category, difficulty: formData.difficulty, timeLimit: formData.timeLimit ? Number.parseInt(formData.timeLimit) : undefined, totalQuestions: 0, // Will be updated when questions are added createdBy: currentUser.id, createdAt: new Date(), isActive: formData.isActive, } saveQuiz(newQuiz) loadQuizzes() setIsCreateDialogOpen(false) resetForm() } const handleEditQuiz = (quiz: Quiz) => { setEditingQuiz(quiz) setFormData({ title: quiz.title, description: quiz.description, category: quiz.category, difficulty: quiz.difficulty, timeLimit: quiz.timeLimit?.toString() || "", isActive: quiz.isActive, }) setIsCreateDialogOpen(true) } const handleUpdateQuiz = () => { if (!editingQuiz || !formData.title.trim()) return const updatedQuiz: Quiz = { ...editingQuiz, title: formData.title.trim(), description: formData.description.trim(), category: formData.category, difficulty: formData.difficulty, timeLimit: formData.timeLimit ? Number.parseInt(formData.timeLimit) : undefined, isActive: formData.isActive, } saveQuiz(updatedQuiz) loadQuizzes() setIsCreateDialogOpen(false) resetForm() } const handleDeleteQuiz = (quizId: string) => { if (confirm("Are you sure you want to delete this quiz? This action cannot be undone.")) { const allQuizzes = getQuizzes() const filteredQuizzes = allQuizzes.filter((quiz) => quiz.id !== quizId) localStorage.setItem("quiz_app_quizzes", JSON.stringify(filteredQuizzes)) loadQuizzes() } } const getCategoryColor = (category: string) => { switch (category) { case "technical": return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300" case "sports": return "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300" case "games": return "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300" default: return "bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-300" } } const getDifficultyColor = (difficulty: string) => { switch (difficulty) { case "easy": return "bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-300" case "medium": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300" case "hard": return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300" default: return "bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-300" } } return (

{/* Header */}

Quiz Management

Create and manage your quizzes