[V0_FILE]plaintext:file=".gitignore" # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules # next.js /.next/ /out/ # production /build # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files .env* # vercel .vercel # typescript *.tsbuildinfo next-env.d.ts [V0_FILE]markdown:file="README.md" # Virtual learning platform *Automatically synced with your [v0.app](https://v0.app) deployments* [![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://vercel.com/baffoe-theophilus-projects/v0-virtual-learning-platform) [![Built with v0](https://img.shields.io/badge/Built%20with-v0.app-black?style=for-the-badge)](https://v0.app/chat/projects/lAzJU8Di1BI) ## Overview This repository will stay in sync with your deployed chats on [v0.app](https://v0.app). Any changes you make to your deployed app will be automatically pushed to this repository from [v0.app](https://v0.app). ## Deployment Your project is live at: **[https://vercel.com/baffoe-theophilus-projects/v0-virtual-learning-platform](https://vercel.com/baffoe-theophilus-projects/v0-virtual-learning-platform)** ## Build your app Continue building your app on: **[https://v0.app/chat/projects/lAzJU8Di1BI](https://v0.app/chat/projects/lAzJU8Di1BI)** ## How It Works 1. Create and modify your project using [v0.app](https://v0.app) 2. Deploy your chats from the v0 interface 3. Changes are automatically pushed to this repository 4. Vercel deploys the latest version from this repository [V0_FILE]typescriptreact:file="app/dashboard/student/ca-scores/loading.tsx" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/student/ca-scores/page.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { StudentSidebar } from "@/components/dashboard/student-sidebar" import { Search, TrendingUp, TrendingDown, Minus } from "lucide-react" const caScores = [ { id: 1, subject: "Mathematics", teacher: "Prof. Johnson", assessment: "Quiz 1", score: 85, totalMarks: 100, date: "2024-01-15", feedback: "Excellent work on algebraic equations. Keep it up!", grade: "A", }, { id: 2, subject: "Physics", teacher: "Dr. Smith", assessment: "Lab Report 1", score: 78, totalMarks: 100, date: "2024-01-12", feedback: "Good understanding of concepts. Work on presentation.", grade: "B+", }, { id: 3, subject: "Chemistry", teacher: "Prof. Williams", assessment: "Assignment 1", score: 92, totalMarks: 100, date: "2024-01-10", feedback: "Outstanding analysis of chemical reactions!", grade: "A+", }, { id: 4, subject: "English", teacher: "Ms. Davis", assessment: "Essay 1", score: 75, totalMarks: 100, date: "2024-01-08", feedback: "Good content, but work on grammar and structure.", grade: "B", }, { id: 5, subject: "Mathematics", teacher: "Prof. Johnson", assessment: "Assignment 2", score: 88, totalMarks: 100, date: "2024-01-05", feedback: "Great improvement in problem-solving approach.", grade: "A-", }, ] export default function CAScoresPage() { const [searchTerm, setSearchTerm] = useState("") const [selectedSubject, setSelectedSubject] = useState("all") const filteredScores = caScores.filter((score) => { const matchesSearch = score.subject.toLowerCase().includes(searchTerm.toLowerCase()) || score.assessment.toLowerCase().includes(searchTerm.toLowerCase()) || score.teacher.toLowerCase().includes(searchTerm.toLowerCase()) const matchesSubject = selectedSubject === "all" || score.subject === selectedSubject return matchesSearch && matchesSubject }) const subjects = [...new Set(caScores.map((score) => score.subject))] const averageScore = Math.round(caScores.reduce((sum, score) => sum + score.score, 0) / caScores.length) const getGradeColor = (grade: string) => { if (grade.startsWith("A")) return "bg-green-100 text-green-800" if (grade.startsWith("B")) return "bg-blue-100 text-blue-800" if (grade.startsWith("C")) return "bg-yellow-100 text-yellow-800" return "bg-red-100 text-red-800" } const getTrendIcon = (score: number) => { if (score >= 85) return if (score >= 70) return return } return (

Continuous Assessment Scores

Track your performance across all subjects and assessments

{/* Summary Cards */}

Total Assessments

{caScores.length}

Average Score

{averageScore}%

{getTrendIcon(averageScore)}

Subjects

{subjects.length}

Latest Grade {caScores[0].grade}

{/* Filters */} Filter Assessments

setSearchTerm(e.target.value)} className="pl-10" />

{/* Scores List */}

{filteredScores.map((score) => (

{score.subject}

{score.grade} {getTrendIcon(score.score)}

{score.assessment} • {score.teacher}

{score.date}

{score.feedback && (

Feedback: {score.feedback}

)}

{score.score}

out of {score.totalMarks}

{Math.round((score.score / score.totalMarks) * 100)}%

))}

{filteredScores.length === 0 && (

No assessments found matching your criteria.

)}

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/dashboard/student/cgpa/loading.tsx" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/student/cgpa/page.tsx" import { StudentSidebar } from "@/components/dashboard/student-sidebar" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { TrendingUp, TrendingDown, Target, Award, BookOpen, Calendar, Plus, Download } from "lucide-react" export default function CGPATrackerPage() { const currentCGPA = 3.8 const targetCGPA = 3.9 const semesterGPA = 3.85 const semesters = [ { name: "Fall 2023", gpa: 3.7, credits: 18, courses: 6 }, { name: "Spring 2024", gpa: 3.85, credits: 16, courses: 5 }, { name: "Fall 2024", gpa: 3.85, credits: 18, courses: 6, current: true }, ] const currentCourses = [ { name: "Calculus II", code: "MATH 202", credits: 4, grade: "A-", gpa: 3.7, progress: 85 }, { name: "Physics I", code: "PHYS 101", credits: 4, grade: "A", gpa: 4.0, progress: 92 }, { name: "Chemistry", code: "CHEM 101", credits: 3, grade: "B+", gpa: 3.3, progress: 78 }, { name: "English Lit", code: "ENG 201", credits: 3, grade: "A", gpa: 4.0, progress: 95 }, { name: "History", code: "HIST 101", credits: 2, grade: "A-", gpa: 3.7, progress: 88 }, { name: "Computer Science", code: "CS 101", credits: 4, grade: "A", gpa: 4.0, progress: 90 }, ] const gradeDistribution = [ { grade: "A", count: 8, percentage: 40 }, { grade: "A-", count: 6, percentage: 30 }, { grade: "B+", count: 4, percentage: 20 }, { grade: "B", count: 2, percentage: 10 }, ] return (

{/* Header */}

CGPA Tracker

Monitor your academic progress and performance

{/* Overview Cards */}

Current CGPA

{currentCGPA}

+0.15 from last semester

Semester GPA

{semesterGPA}

Current semester

Target CGPA

{targetCGPA}

{((currentCGPA / targetCGPA) * 100).toFixed(1)}% of target

Total Credits Your accumulated credits

20 this semester

Current Semester GPA History Analytics Goals {/* Current Semester */} Fall 2024 Courses Your current semester performance

{currentCourses.map((course, index) => (

{course.name}

{course.code} • {course.credits} credits

Progress

{course.progress}%

Grade

{course.grade}

GPA

{course.gpa}

))}

{/* GPA History */} Semester Performance Your GPA progression over time

{semesters.map((semester, index) => (

{semester.name} {semester.current && Current}

{semester.courses} courses • {semester.credits} credits

Semester GPA

{semester.gpa}

{index > 0 && semester.gpa > semesters[index - 1].gpa ? ( ) : index > 0 && semester.gpa < semesters[index - 1].gpa ? ( ) : null}

))}

{/* Analytics */}

Grade Distribution Your overall grade breakdown

{gradeDistribution.map((item, index) => (

{item.grade} {item.count} courses

{item.percentage}%

))}

Performance Insights Key metrics and recommendations

Strong Performance

Your CGPA has improved by 0.15 points this semester

Goal Progress

You're 0.1 points away from your target CGPA of 3.9

Recommendation

Focus on Chemistry to improve your overall GPA

{/* Goals */} Academic Goals Set and track your academic targets

Current Goals

Target CGPA: 3.9 In Progress

97.4% complete • 0.1 points to go

Dean's List Achieved

Congratulations! You made the Dean's List

Semester Targets

Maintain A- average On Track

Complete 20 credits In Progress

Improve Chemistry grade Needs Attention

) } [V0_FILE]typescriptreact:file="app/dashboard/student/discussions/[groupId]/page.tsx" import { ChatInterface } from "@/components/discussions/chat-interface" interface GroupChatPageProps { params: { groupId: string } } export default function GroupChatPage({ params }: GroupChatPageProps) { // In a real app, you'd fetch group data based on groupId const groupData = { name: "Calculus II Study Group - Final Exam Prep", memberCount: 24, } const handleBack = () => { window.history.back() } return (

) } [V0_FILE]typescriptreact:file="app/dashboard/student/discussions/loading.tsx" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/student/discussions/page.tsx" import { StudentSidebar } from "@/components/dashboard/student-sidebar" 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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { MessageSquare, Search, Plus, Users, Clock, Pin, TrendingUp, BookOpen } from "lucide-react" export default function GroupDiscussionsPage() { return (

{/* Header */}

Group Discussions

Connect and collaborate with your classmates

{/* Search and Filter */}

All Discussions My Groups Popular Recent {/* All Discussions */} {/* Pinned Discussion */}

Pinned Mathematics

Calculus II Study Group - Final Exam Prep Join us for collaborative study sessions and problem-solving for the upcoming final exam

SM Sarah Martinez • Group Admin

24 members

156 messages

Active 2 min ago

{/* Regular Discussions */}

Physics Active

Quantum Mechanics Discussion Forum Discuss quantum physics concepts, share resources, and help each other understand complex topics

MJ Mike Johnson

18 members

89 messages

Active 15 min ago

Chemistry

Organic Chemistry Lab Partners Find lab partners, share experiment results, and discuss organic chemistry reactions

ER Emma Rodriguez

12 members

45 messages

Active 1 hour ago

General

First Year Students Support Group A welcoming space for first-year students to ask questions, share experiences, and get advice

AL Alex Lee

67 members

234 messages

Active 3 hours ago

{/* My Groups */}

Joined Mathematics

Calculus II Study Group - Final Exam Prep 3 new messages since your last visit

24 members

156 messages

Joined Physics

Quantum Mechanics Discussion Forum No new messages

18 members

89 messages

{/* Popular */}

{[ { title: "First Year Students Support Group", members: 67, messages: 234, subject: "General", trending: true, }, { title: "Calculus II Study Group - Final Exam Prep", members: 24, messages: 156, subject: "Mathematics", trending: true, }, { title: "Computer Science Project Collaboration", members: 45, messages: 189, subject: "Computer Science", trending: false, }, ].map((discussion, index) => (

{discussion.subject} {discussion.trending && ( Trending )}

{discussion.title}

{discussion.members} members

{discussion.messages} messages

))}

{/* Recent */}

{[ { title: "Biology Lab Report Discussion", time: "2 hours ago", subject: "Biology" }, { title: "Linear Algebra Problem Solving", time: "5 hours ago", subject: "Mathematics" }, { title: "History Essay Peer Review", time: "1 day ago", subject: "History" }, ].map((discussion, index) => (

{discussion.title}

{discussion.subject} • Created {discussion.time}

))}

) } [V0_FILE]typescriptreact:file="app/dashboard/student/materials/loading.tsx" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/student/materials/page.tsx" import { StudentSidebar } from "@/components/dashboard/student-sidebar" 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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Download, Search, FileText, Video, ImageIcon, Archive, Eye, BookOpen, Filter } from "lucide-react" export default function CourseMaterialsPage() { return (

{/* Header */}

Course Materials

Download and access your course resources uploaded by teachers

{/* Search and Filter */}

All Materials Documents Videos Assignments Recent {/* All Materials */} {/* Mathematics Course */}

Mathematics - Calculus II Prof. Johnson • 24 materials available for download

Updated 2 days ago

Calculus II - Chapter 5 Notes

PDF • 2.4 MB • Uploaded March 15, 2024

Integration Techniques Tutorial

MP4 • 45 min • Uploaded March 12, 2024

Practice Problems Set 3

ZIP • 1.8 MB • Uploaded March 10, 2024

{/* Physics Course */}

Physics - Quantum Mechanics Dr. Smith • 18 materials available for download

Updated 1 week ago

Quantum States and Operators

PDF • 3.2 MB • Uploaded March 8, 2024

Wave Function Diagrams

PNG • 5 images • Uploaded March 5, 2024

{/* Documents Tab */}

{[ { title: "Calculus II - Chapter 5 Notes", course: "Mathematics", size: "2.4 MB", date: "March 15, 2024", }, { title: "Quantum States and Operators", course: "Physics", size: "3.2 MB", date: "March 8, 2024" }, { title: "Organic Chemistry Reactions", course: "Chemistry", size: "1.9 MB", date: "March 6, 2024", }, { title: "Linear Algebra Formulas", course: "Mathematics", size: "1.2 MB", date: "March 3, 2024" }, ].map((doc, index) => (

{doc.title}

{doc.course} • PDF • {doc.size} • {doc.date}

))}

{/* Videos Tab */}

{[ { title: "Integration Techniques Tutorial", course: "Mathematics", duration: "45 min", date: "March 12, 2024", }, { title: "Quantum Mechanics Lecture 5", course: "Physics", duration: "60 min", date: "March 9, 2024", }, { title: "Chemical Bonding Explained", course: "Chemistry", duration: "38 min", date: "March 7, 2024", }, ].map((video, index) => (

{video.title}

{video.course} • MP4 • {video.duration} • {video.date}

))}

{/* Assignments Tab */}

{[ { title: "Practice Problems Set 3", course: "Mathematics", type: "ZIP", size: "1.8 MB", date: "March 10, 2024", status: "Due March 20", }, { title: "Quantum Mechanics Problem Set", course: "Physics", type: "PDF", size: "2.1 MB", date: "March 8, 2024", status: "Due March 18", }, { title: "Lab Report Template", course: "Chemistry", type: "DOCX", size: "0.5 MB", date: "March 5, 2024", status: "Due March 15", }, ].map((assignment, index) => (

{assignment.title}

{assignment.course} • {assignment.type} • {assignment.size} • {assignment.date}

{assignment.status}

))}

{/* Recent Tab */}

{[ { title: "Calculus II - Chapter 5 Notes", course: "Mathematics", type: "PDF", size: "2.4 MB", date: "March 15, 2024", }, { title: "Integration Techniques Tutorial", course: "Mathematics", type: "MP4", duration: "45 min", date: "March 12, 2024", }, { title: "Practice Problems Set 3", course: "Mathematics", type: "ZIP", size: "1.8 MB", date: "March 10, 2024", }, ].map((item, index) => (

{item.type === "PDF" && } {item.type === "MP4" &&

{item.title}

{item.course} • {item.type} • {item.size || item.duration} • {item.date}

))}

) } [V0_FILE]typescriptreact:file="app/dashboard/student/newsletters/[id]/page.tsx" import { NewsletterReader } from "@/components/newsletters/newsletter-reader" interface NewsletterPageProps { params: { id: string } } export default function NewsletterPage({ params }: NewsletterPageProps) { // In a real app, you'd fetch newsletter data based on id const newsletter = { title: "Weekly Academic Update - March 2024", category: "Academic", author: "Dean's Office", date: "March 15, 2024", readTime: "3 min read", content: "Newsletter content here...", } const handleBack = () => { window.history.back() } return (

) } [V0_FILE]typescriptreact:file="app/dashboard/student/newsletters/loading.tsx" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/student/newsletters/page.tsx" import { StudentSidebar } from "@/components/dashboard/student-sidebar" 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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Bell, Search, Calendar, User, BookOpen, Star, Archive, Filter } from "lucide-react" export default function NewslettersPage() { const newsletters = [ { id: 1, title: "Weekly Academic Update - March 2024", category: "Academic", author: "Dean's Office", date: "March 15, 2024", preview: "Important updates on final exams, course registration for next semester, and new academic policies...", isNew: true, isPinned: true, readTime: "3 min read", }, { id: 2, title: "Student Success Stories & Achievements", category: "Student Life", author: "Student Affairs", date: "March 12, 2024", preview: "Celebrating our students' remarkable achievements in academics, research, and extracurricular activities...", isNew: true, isPinned: false, readTime: "5 min read", }, { id: 3, title: "Campus Events & Activities This Month", category: "Events", author: "Events Committee", date: "March 10, 2024", preview: "Don't miss out on exciting campus events, workshops, seminars, and social activities happening this month...", isNew: false, isPinned: false, readTime: "4 min read", }, { id: 4, title: "Research Opportunities & Internships", category: "Career", author: "Career Services", date: "March 8, 2024", preview: "Explore new research opportunities, internship programs, and career development resources available...", isNew: false, isPinned: false, readTime: "6 min read", }, { id: 5, title: "Library Resources & Study Tips", category: "Academic", author: "Library Services", date: "March 5, 2024", preview: "Discover new digital resources, study spaces, and effective study techniques to boost your academic performance...", isNew: false, isPinned: false, readTime: "4 min read", }, ] const categories = [ { name: "Academic", count: 12, color: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200" }, { name: "Student Life", count: 8, color: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" }, { name: "Events", count: 15, color: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200" }, { name: "Career", count: 6, color: "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200" }, ] const getCategoryColor = (category: string) => { const categoryData = categories.find((c) => c.name === category) return categoryData?.color || "bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200" } return (

{/* Header */}

Newsletters

Stay updated with the latest school news and announcements

{/* Search and Filter */}

All Newsletters Unread Favorites Archived {/* All Newsletters */}

{/* Newsletter List */}

{newsletters.map((newsletter) => (

{newsletter.isPinned && ( Pinned )} {newsletter.isNew && New} {newsletter.category}

{newsletter.title} {newsletter.preview}

{newsletter.author}

{newsletter.date}

{newsletter.readTime}

))}

{/* Sidebar */}

{/* Categories */} Categories {categories.map((category) => (

{category.name} {category.count}

))} {/* Quick Stats */} Newsletter Stats

Total Newsletters 41

Unread 2

This Month 5

Favorites 8

{/* Subscription Settings */} Subscription

Email Notifications Active

Weekly Digest Enabled

{/* Unread Newsletters */}

{newsletters .filter((n) => n.isNew) .map((newsletter) => (

New {newsletter.category}

{newsletter.title} {newsletter.preview}

{newsletter.author} {newsletter.date} {newsletter.readTime}

))}

{/* Favorites */}

No favorites yet

Star newsletters to add them to your favorites

{/* Archived */}

No archived newsletters

Archived newsletters will appear here

) } [V0_FILE]typescriptreact:file="app/dashboard/student/page.tsx" import { StudentSidebar } from "@/components/dashboard/student-sidebar" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { ProfilePictureUpload } from "@/components/profile/profile-picture-upload" import { BookOpen, Calendar, MessageSquare, TrendingUp, Video, Users, Download } from "lucide-react" export default function StudentDashboard() { return (

{/* Header with Profile */}

Welcome back, Alex!

Here's what's happening in your learning journey today.

{/* Quick Stats */}

Active Courses

2 new this semester

Current CGPA

3.8

+0.2 from last semester

Upcoming Sessions

Next in 2 hours

Unread Messages

5 from group discussions

{/* Main Content Grid */}

{/* Today's Schedule */} Today's Schedule Your classes and sessions for today

Mathematics - Calculus II

Prof. Johnson

10:00 AM

Live Session

Physics Study Group

Group Discussion

2:00 PM

Discussion

Chemistry Lab

Dr. Smith

4:00 PM

Lab Session

{/* Quick Actions & Recent Activity */}

{/* Quick Actions */} Quick Actions {/* Course Progress */} Course Progress Your current semester progress

Mathematics 85%

Physics 78%

Chemistry 92%

) } [V0_FILE]typescriptreact:file="app/dashboard/student/sessions/live/[sessionId]/page.tsx" import { VirtualClassroom } from "@/components/sessions/virtual-classroom" interface LiveSessionPageProps { params: { sessionId: string } } export default function LiveSessionPage({ params }: LiveSessionPageProps) { // In a real app, you'd fetch session data based on sessionId const sessionData = { title: "Mathematics - Calculus II", instructor: "Prof. Johnson", participantCount: 24, } return (

) } [V0_FILE]typescriptreact:file="app/dashboard/student/sessions/page.tsx" import { StudentSidebar } from "@/components/dashboard/student-sidebar" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Video, Calendar, Clock, Users, Play, Download } from "lucide-react" export default function VirtualSessionsPage() { return (

{/* Header */}

Virtual Learning Sessions

Join live classes and access recorded sessions

Upcoming Live Now Recordings {/* Upcoming Sessions */}

Advanced calculus concepts and applications

Starting Soon

PJ Prof. Johnson

Today, 10:00 AM

90 minutes

24 students

Introduction to quantum physics principles

Scheduled

DS Dr. Smith

Tomorrow, 2:00 PM

60 minutes

18 students

{/* Live Sessions */}

Chemistry - Organic Chemistry Live lecture on molecular structures

LIVE

DR Dr. Rodriguez

Started 15 min ago

32 students online

{/* Recorded Sessions */}

Mathematics - Linear Algebra Matrix operations and vector spaces

Recorded

PJ Prof. Johnson

March 15, 2024

85 minutes

Physics - Thermodynamics Heat transfer and energy conservation

Recorded

DS Dr. Smith

March 12, 2024

72 minutes

) } [V0_FILE]typescriptreact:file="app/dashboard/student/settings/page.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Switch } from "@/components/ui/switch" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { StudentSidebar } from "@/components/dashboard/student-sidebar" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Bell, Lock, User, Palette, Save } from "lucide-react" export default function StudentSettingsPage() { const [profileData, setProfileData] = useState({ name: "John Doe", email: "john.doe@student.edu", indexNumber: "ST001", phone: "+233 123 456 789", class: "Form 1A", dateOfBirth: "2005-06-15", }) const [notifications, setNotifications] = useState({ emailNotifications: true, pushNotifications: true, smsNotifications: false, assignmentReminders: true, gradeUpdates: true, classAnnouncements: true, }) const [preferences, setPreferences] = useState({ theme: "light", language: "english", timezone: "GMT", }) const handleSaveProfile = () => { console.log("Saving profile:", profileData) // Here you would typically send the data to your backend } const handleSaveNotifications = () => { console.log("Saving notifications:", notifications) // Here you would typically send the data to your backend } const handleSavePreferences = () => { console.log("Saving preferences:", preferences) // Here you would typically send the data to your backend } return (

Settings

Manage your account settings and preferences

{/* Profile Settings */} Profile Information Update your personal information and profile details

JPG, PNG or GIF. Max size 2MB.

Full Name setProfileData({ ...profileData, name: e.target.value })} />

Email Address setProfileData({ ...profileData, email: e.target.value })} />

Index Number setProfileData({ ...profileData, indexNumber: e.target.value })} disabled />

Phone Number setProfileData({ ...profileData, phone: e.target.value })} />

Class setProfileData({ ...profileData, class: e.target.value })} disabled />

Date of Birth setProfileData({ ...profileData, dateOfBirth: e.target.value })} />

{/* Notification Settings */} Notification Preferences Choose how you want to receive notifications

Email Notifications

Receive notifications via email

setNotifications({ ...notifications, emailNotifications: checked }) } />

Push Notifications

Receive push notifications in browser

setNotifications({ ...notifications, pushNotifications: checked }) } />

Assignment Reminders

Get reminded about upcoming assignments

setNotifications({ ...notifications, assignmentReminders: checked }) } />

Grade Updates

Notifications when new grades are posted

setNotifications({ ...notifications, gradeUpdates: checked })} />

{/* App Preferences */} App Preferences Customize your app experience

Theme

Language

Timezone

{/* Security Settings */} Security Manage your account security settings

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/dashboard/teacher/ca-management/page.tsx" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" 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 { Badge } from "@/components/ui/badge" import { TeacherSidebar } from "@/components/dashboard/teacher-sidebar" import { Plus, Send, Edit, Trash2, Users } from "lucide-react" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" const students = [ { id: 1, name: "John Doe", indexNumber: "ST001", class: "Form 1A" }, { id: 2, name: "Jane Smith", indexNumber: "ST002", class: "Form 1A" }, { id: 3, name: "Mike Johnson", indexNumber: "ST003", class: "Form 1B" }, { id: 4, name: "Sarah Wilson", indexNumber: "ST004", class: "Form 1A" }, { id: 5, name: "David Brown", indexNumber: "ST005", class: "Form 1B" }, ] const sentScores = [ { id: 1, student: "John Doe", indexNumber: "ST001", subject: "Mathematics", assessment: "Quiz 1", score: 85, totalMarks: 100, dateSent: "2024-01-15", feedback: "Excellent work on algebraic equations. Keep it up!", }, { id: 2, student: "Jane Smith", indexNumber: "ST002", subject: "Mathematics", assessment: "Quiz 1", score: 78, totalMarks: 100, dateSent: "2024-01-15", feedback: "Good effort. Review quadratic equations.", }, ] export default function CAManagementPage() { const [isAddScoreOpen, setIsAddScoreOpen] = useState(false) const [selectedStudent, setSelectedStudent] = useState("") const [selectedClass, setSelectedClass] = useState("all") const [formData, setFormData] = useState({ student: "", subject: "", assessment: "", score: "", totalMarks: "100", feedback: "", }) const classes = [...new Set(students.map((student) => student.class))] const filteredStudents = selectedClass === "all" ? students : students.filter((student) => student.class === selectedClass) const handleSubmitScore = () => { // Here you would typically send the data to your backend console.log("Submitting score:", formData) setIsAddScoreOpen(false) setFormData({ student: "", subject: "", assessment: "", score: "", totalMarks: "100", feedback: "", }) } return (

C.A Management

Send continuous assessment scores to your students

Continuous Assessment Scores

{score.subject}

CGPA Tracker

{course.name}

{semester.name} {semester.current && Current}

Current Goals

Semester Targets

Group Discussions

{discussion.title}

Course Materials

Calculus II - Chapter 5 Notes

Integration Techniques Tutorial

Practice Problems Set 3

Quantum States and Operators

Wave Function Diagrams

{doc.title}

{video.title}

{assignment.title}

{item.title}

Newsletters

No favorites yet

No archived newsletters

Welcome back, Alex!

Mathematics - Calculus II

Physics Study Group

Chemistry Lab

Virtual Learning Sessions

No other live sessions

Settings

C.A Management