[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Santana Academy Portal SL", description: "Comprehensive grading and communication portal for Santana Academy SL. Designed by Yankuba Osman Kamara.", keywords: "education, grading, portal, Sierra Leone, academy, school management", authors: [{ name: "Yankuba Osman Kamara" }], creator: "Yankuba Osman Kamara", publisher: "Santana Academy SL", robots: "index, follow", openGraph: { title: "Santana Academy Portal SL", description: "Comprehensive grading and communication portal for Santana Academy SL", type: "website", locale: "en_US", }, manifest: "/manifest.json", themeColor: "#2563eb", viewport: "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/api/messages/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" export async function GET() { // Simulate fetching messages const messages = [ { id: 1, sender: "Principal Williams", message: "Please submit your quarterly reports by Friday.", timestamp: new Date().toISOString(), read: false, }, { id: 2, sender: "Mrs. Johnson", message: "Has anyone seen the new curriculum guidelines?", timestamp: new Date().toISOString(), read: true, }, ] return NextResponse.json(messages) } export async function POST(request: NextRequest) { try { const { message, recipient } = await request.json() // Here you would save the message to database const response = { success: true, message: "Message sent successfully", id: Date.now(), timestamp: new Date().toISOString(), } return NextResponse.json(response) } catch (error) { return NextResponse.json({ error: "Failed to send message" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="capacitor.config.ts" isMerged="true" import type { CapacitorConfig } from "@capacitor/cli" const config: CapacitorConfig = { appId: "sl.santana.academy.portal", appName: "Santana Academy Portal", webDir: "out", server: { androidScheme: "https", }, plugins: { SplashScreen: { launchShowDuration: 2000, backgroundColor: "#2563eb", showSpinner: false, }, StatusBar: { style: "dark", backgroundColor: "#2563eb", }, }, } export default config [V0_FILE]png:file="public/school-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG-20250602-WA0022.jpg-jVYIZPTQj21CxpQ2GJx4rEFRm9Q6EL.jpeg" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { GraduationCap, Upload, Download, Calculator, Users, Edit3, Share2, QrCode, Phone, Mail, MapPin, Plus, Trash2, Save, } from "lucide-react" import Image from "next/image" export default function SantannahGradingPortal() { const [activeTab, setActiveTab] = useState("dashboard") const [isAuthenticated, setIsAuthenticated] = useState(false) const [showQRScanner, setShowQRScanner] = useState(false) if (!isAuthenticated) { return ( ) } return (

{/* Header */}

Santannah Grading Portal

Santannah International Academy SL

Dashboard Grades Calculator Students Staff Contact

) } function QRAccessScreen({ onAuthenticate, onShowScanner, showScanner, }: { onAuthenticate: (status: boolean) => void onShowScanner: (show: boolean) => void showScanner: boolean }) { const handleQRAccess = () => { // Simulate QR code scanning onAuthenticate(true) } return (

Santannah Grading Portal Santannah International Academy SL Scan QR Code to Access Portal Designed by Yankuba Osman Kamara

QR Code Scanner

Point camera here

For demo purposes, click the button above

No password required - QR access only

) } function DashboardContent() { return (

Total Students

Add students to get started

Grades Uploaded

No grades uploaded yet

Active Staff

Add staff members

Welcome to Santannah Grading Portal

Getting Started

Add student names and subjects in the Students tab
Upload and manage grades in the Grades tab
Use the Calculator for grade computations

) } function GradesContent() { const [selectedFile, setSelectedFile] = useState(null) const [grades, setGrades] = useState([{ id: 1, student: "", subject: "", grade: "", editable: true }]) const addGradeRow = () => { setGrades([...grades, { id: Date.now(), student: "", subject: "", grade: "", editable: true }]) } const updateGrade = (id: number, field: string, value: string) => { setGrades(grades.map((grade) => (grade.id === id ? { ...grade, [field]: value } : grade))) } const deleteGrade = (id: number) => { setGrades(grades.filter((grade) => grade.id !== id)) } const handleFileUpload = (event: React.ChangeEvent) => { const file = event.target.files?.[0] if (file) { setSelectedFile(file) } } return (

Upload Grades Upload grades from CSV or Excel files

Click to upload or drag and drop CSV, XLSX files up to 10MB

{selectedFile && (

{selectedFile.name}

)} Download Grades Export grades in various formats

Grade Management Add, edit, and manage student grades

Student Name Subject Grade Actions

{grades.map((grade) => (

updateGrade(grade.id, "student", e.target.value)} className="border-blue-200 focus:border-blue-500" /> updateGrade(grade.id, "subject", e.target.value)} className="border-pink-200 focus:border-pink-500" /> updateGrade(grade.id, "grade", e.target.value)} className="border-orange-200 focus:border-orange-500" />

))}

) } function CalculatorContent() { const [calculations, setCalculations] = useState([{ subject: "", grades: ["", "", ""], average: 0 }]) const addCalculation = () => { setCalculations([...calculations, { subject: "", grades: ["", "", ""], average: 0 }]) } const updateCalculation = (index: number, field: string, value: string | string[]) => { const updated = [...calculations] if (field === "grades") { updated[index].grades = value as string[] // Calculate average const numericGrades = (value as string[]) .filter((g) => g !== "") .map(Number) .filter((n) => !isNaN(n)) updated[index].average = numericGrades.length > 0 ? numericGrades.reduce((a, b) => a + b, 0) / numericGrades.length : 0 } else { updated[index][field as keyof (typeof updated)[0]] = value as never } setCalculations(updated) } const updateGrade = (calcIndex: number, gradeIndex: number, value: string) => { const updated = [...calculations] updated[calcIndex].grades[gradeIndex] = value // Recalculate average const numericGrades = updated[calcIndex].grades .filter((g) => g !== "") .map(Number) .filter((n) => !isNaN(n)) updated[calcIndex].average = numericGrades.length > 0 ? numericGrades.reduce((a, b) => a + b, 0) / numericGrades.length : 0 setCalculations(updated) } return (

Grade Calculator Calculate averages and grade statistics

{calculations.map((calc, calcIndex) => (

Subject updateCalculation(calcIndex, "subject", e.target.value)} className="border-blue-200 focus:border-blue-500" />

{calc.grades.map((grade, gradeIndex) => (

Grade {gradeIndex + 1} updateGrade(calcIndex, gradeIndex, e.target.value)} className="border-pink-200 focus:border-pink-500" />

))}

Average: {calc.average.toFixed(2)}%

))}

Grade Scale Reference

90-100%

80-89%

70-79%

Below 70%

) } function StudentsContent() { const [students, setStudents] = useState([{ id: 1, name: "", class: "", subjects: [""] }]) const addStudent = () => { setStudents([...students, { id: Date.now(), name: "", class: "", subjects: [""] }]) } const updateStudent = (id: number, field: string, value: string) => { setStudents(students.map((student) => (student.id === id ? { ...student, [field]: value } : student))) } const addSubject = (studentId: number) => { setStudents( students.map((student) => student.id === studentId ? { ...student, subjects: [...student.subjects, ""] } : student, ), ) } const updateSubject = (studentId: number, subjectIndex: number, value: string) => { setStudents( students.map((student) => student.id === studentId ? { ...student, subjects: student.subjects.map((subject, index) => (index === subjectIndex ? value : subject)), } : student, ), ) } const removeSubject = (studentId: number, subjectIndex: number) => { setStudents( students.map((student) => student.id === studentId ? { ...student, subjects: student.subjects.filter((_, index) => index !== subjectIndex), } : student, ), ) } const deleteStudent = (id: number) => { setStudents(students.filter((student) => student.id !== id)) } return (

Student Management Add and manage student information and subjects

{students.map((student) => (

Student Name updateStudent(student.id, "name", e.target.value)} className="border-blue-200 focus:border-blue-500" />

Class/Grade updateStudent(student.id, "class", e.target.value)} className="border-pink-200 focus:border-pink-500" />

Subjects

{student.subjects.map((subject, subjectIndex) => (

updateSubject(student.id, subjectIndex, e.target.value)} className="border-orange-200 focus:border-orange-500" /> {student.subjects.length > 1 && ( )}

))}

) } function StaffContent() { const [staff, setStaff] = useState([{ id: 1, name: "", position: "", contact: "", email: "", subjects: [""] }]) const addStaff = () => { setStaff([...staff, { id: Date.now(), name: "", position: "", contact: "", email: "", subjects: [""] }]) } const updateStaff = (id: number, field: string, value: string) => { setStaff(staff.map((member) => (member.id === id ? { ...member, [field]: value } : member))) } const addSubject = (staffId: number) => { setStaff( staff.map((member) => (member.id === staffId ? { ...member, subjects: [...member.subjects, ""] } : member)), ) } const updateSubject = (staffId: number, subjectIndex: number, value: string) => { setStaff( staff.map((member) => member.id === staffId ? { ...member, subjects: member.subjects.map((subject, index) => (index === subjectIndex ? value : subject)), } : member, ), ) } const removeSubject = (staffId: number, subjectIndex: number) => { setStaff( staff.map((member) => member.id === staffId ? { ...member, subjects: member.subjects.filter((_, index) => index !== subjectIndex), } : member, ), ) } const deleteStaff = (id: number) => { setStaff(staff.filter((member) => member.id !== id)) } return (

Staff Management Add and manage teaching staff information

{staff.map((member) => (

Staff Name updateStaff(member.id, "name", e.target.value)} className="border-pink-200 focus:border-pink-500" />

Position updateStaff(member.id, "position", e.target.value)} className="border-orange-200 focus:border-orange-500" />

Contact Number updateStaff(member.id, "contact", e.target.value)} className="border-blue-200 focus:border-blue-500" />

Email updateStaff(member.id, "email", e.target.value)} className="border-pink-200 focus:border-pink-500" />

Subjects Teaching

{member.subjects.map((subject, subjectIndex) => (

updateSubject(member.id, subjectIndex, e.target.value)} className="border-orange-200 focus:border-orange-500" /> {member.subjects.length > 1 && ( )}

))}

) } function ContactContent() { return (

School Leadership

Rev. Santus Coberson Kamara

Founder & CEO

+232875542

Mrs. Kamara

Co-Founder

+232875542

Contact Information

School Email

santannahis@gmail.com

For general information and inquiries

Location

Makeni Kabala Highway

Bombali District, Sierra Leone

Portal Designer

Yankuba Osman Kamara

Portal Designer & Developer

+23277822588 WhatsApp

+23231627875 WhatsApp

Share Portal Share portal access with staff members

Portal Share Link

) } [V0_FILE]typescriptreact:file="app/share/[token]/page.tsx" isEdit="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ExternalLink, QrCode } from "lucide-react" import Link from "next/link" import Image from "next/image" export default function SharePage({ params }: { params: { token: string } }) { return (

Santannah Grading Portal You've been invited to access Santannah International Academy SL Designed by Yankuba Osman Kamara

Access the grading portal to manage student grades and communicate with staff.

Makeni Kabala Highway, Bombali District

Contact: santannahis@gmail.com

Share Token: {params.token}

) } [V0_FILE]typescriptreact:file="app/api/grades/upload/route.ts" isEdit="true" import { type NextRequest, NextResponse } from "next/server" export async function POST(request: NextRequest) { try { const formData = await request.formData() const file = formData.get("file") as File if (!file) { return NextResponse.json({ error: "No file uploaded" }, { status: 400 }) } // Simulate file processing await new Promise((resolve) => setTimeout(resolve, 1000)) const response = { success: true, message: "Grades uploaded successfully to Santannah International Academy", fileName: file.name, fileSize: file.size, processedAt: new Date().toISOString(), recordsProcessed: Math.floor(Math.random() * 50) + 10, school: "Santannah International Academy SL", } return NextResponse.json(response) } catch (error) { return NextResponse.json({ error: "Failed to process upload" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/api/grades/download/route.ts" import { NextResponse } from "next/server" export async function GET() { try { // Simulate grade data const grades = [ { student: "Student Name 1", subject: "Mathematics", grade: "85" }, { student: "Student Name 2", subject: "English", grade: "92" }, { student: "Student Name 3", subject: "Science", grade: "78" }, ] // Convert to CSV format const csvHeader = "Student Name,Subject,Grade\n" const csvData = grades.map((grade) => `${grade.student},${grade.subject},${grade.grade}`).join("\n") const csv = csvHeader + csvData return new NextResponse(csv, { headers: { "Content-Type": "text/csv", "Content-Disposition": "attachment; filename=santannah_grades.csv", }, }) } catch (error) { return NextResponse.json({ error: "Failed to generate download" }, { status: 500 }) } } [V0_FILE]json:file="public/manifest.json" isEdit="true" { "name": "Santannah Grading Portal", "short_name": "Santannah Portal", "description": "Grading portal for Santannah International Academy SL designed by Yankuba Osman Kamara", "start_url": "/", "display": "standalone", "background_color": "#ffffff", "theme_color": "#3b82f6", "orientation": "portrait-primary", "icons": [ { "src": "/school-logo.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable any" }, { "src": "/school-logo.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable any" } ], "categories": ["education", "productivity"], "lang": "en", "dir": "ltr", "scope": "/", "prefer_related_applications": false }