[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { Search } from "lucide-react" import Link from "next/link" import CourseCard from "@/components/course-card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { popularCourses } from "@/lib/data" export default function HomePage() { return (

{/* Hero Section */}

CourseMate Your One-Stop Study Resource Platform

Access past quizzes, exams, notes, and lecture videos from previous semesters. All in one place, organized by course.

{/* Search Section */}

{/* Popular Courses Section */}

Popular Courses

{popularCourses.map((course) => ( ))}

{/* Features Section */}

Why Use CourseMate?

Past Exams & Quizzes

Access previous semester exams, quizzes, and assignments to better prepare for your courses.

Lecture Videos

Watch recorded lectures and tutorials to reinforce your understanding of complex topics.

Class Notes

Find comprehensive notes shared by other students to supplement your own study materials.

) } [V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Plus, Search, Bell, Filter } from "lucide-react" import Link from "next/link" import DashboardCourseCard from "@/components/dashboard-course-card" import NotificationPanel from "@/components/notification-panel" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { userCourses } from "@/lib/data" export default function DashboardPage() { const [showNotifications, setShowNotifications] = useState(false) const [searchQuery, setSearchQuery] = useState("") const [semesterFilter, setSemesterFilter] = useState("all") // Filter courses based on search query and semester filter const filteredCourses = userCourses.filter((course) => { const matchesSearch = course.title.toLowerCase().includes(searchQuery.toLowerCase()) || course.code.toLowerCase().includes(searchQuery.toLowerCase()) const matchesSemester = semesterFilter === "all" || course.semester === semesterFilter return matchesSearch && matchesSemester }) return (

My Dashboard

{showNotifications && (

)}

{/* Search and Filter */}

setSearchQuery(e.target.value)} />

{/* Course Tabs */} All Courses Current Semester Archived Favorites {filteredCourses.length > 0 ? (

{filteredCourses.map((course) => ( ))}

) : (

No courses found

Try adjusting your search or filter criteria

)}

{userCourses .filter((course) => course.semester === "Spring 2023") .map((course) => ( ))}

{userCourses .filter((course) => course.semester !== "Spring 2023") .map((course) => ( ))}

{userCourses .filter((course) => course.isFavorite) .map((course) => ( ))}

) } [V0_FILE]typescriptreact:file="app/dashboard/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/upload/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Upload, X, FileText, ImageIcon, Video, File } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { availableCourses } from "@/lib/data" export default function UploadPage() { const [title, setTitle] = useState("") const [description, setDescription] = useState("") const [course, setCourse] = useState("") const [semester, setSemester] = useState("") const [resourceType, setResourceType] = useState("notes") const [file, setFile] = useState(null) const [isDragging, setIsDragging] = useState(false) const handleDragOver = (e: React.DragEvent) => { e.preventDefault() setIsDragging(true) } const handleDragLeave = () => { setIsDragging(false) } const handleDrop = (e: React.DragEvent) => { e.preventDefault() setIsDragging(false) if (e.dataTransfer.files && e.dataTransfer.files.length > 0) { setFile(e.dataTransfer.files[0]) } } const handleFileChange = (e: React.ChangeEvent) => { if (e.target.files && e.target.files.length > 0) { setFile(e.target.files[0]) } } const removeFile = () => { setFile(null) } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically send the data to your backend console.log({ title, description, course, semester, resourceType, file, }) // Reset form after submission setTitle("") setDescription("") setCourse("") setSemester("") setResourceType("notes") setFile(null) // Show success message or redirect alert("Resource uploaded successfully!") } const getFileIcon = () => { if (!file) return null const fileType = file.type if (fileType.includes("pdf")) { return } else if (fileType.includes("image")) { return } else if (fileType.includes("video")) { return