[V0_FILE]typescriptreact:file="lib/api.ts" isQuickEdit="true" isMerged="true" isEdit="true" import type { BlogPost } from "./types" export async function fetchRssFeed(label: string, blogSource = "testbybrajesh"): Promise { try { const response = await fetch( `/api/rss?label=${encodeURIComponent(label)}&source=${encodeURIComponent(blogSource)}`, { // Add cache control to prevent stale data cache: "no-store", next: { revalidate: 0 }, }, ) if (!response.ok) { console.error(`API response not OK: ${response.status} ${response.statusText}`) throw new Error(`Failed to fetch RSS feed: ${response.statusText}`) } const data = await response.json() if (!data.posts) { console.error("API response missing posts array:", data) return [] } return data.posts } catch (error) { console.error("Error fetching RSS feed:", error) return [] } } [V0_FILE]typescriptreact:file="lib/utils.ts" isMerged="true" isEdit="true" import { clsx, type ClassValue } from "clsx" import { twMerge } from "tailwind-merge" export function formatDate(dateString: string): string { const date = new Date(dateString) return new Intl.DateTimeFormat("en-US", { year: "numeric", month: "long", day: "numeric", }).format(date) } export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]typescriptreact:file="app/api/rss/route.ts" isQuickEdit="true" isMerged="true" isEdit="true" import { type NextRequest, NextResponse } from "next/server" import type { BlogPost } from "@/lib/types" import { XMLParser } from "fast-xml-parser" export async function GET(request: NextRequest) { const searchParams = request.nextUrl.searchParams const label = searchParams.get("label") const source = searchParams.get("source") || "testbybrajesh" if (!label) { return NextResponse.json({ error: "Label parameter is required" }, { status: 400 }) } try { // Determine the blog URL based on the source parameter let baseUrl: string switch (source) { case "dps-keoti": baseUrl = "https://assignment-dps.blogspot.com/" break case "tvspebook": baseUrl = "https://results-dps.blogspot.com" break case "test-tabel-braj": baseUrl = "https://schedule-notice.blogspot.com/" break case "online-braj-test": baseUrl = "https://resources-dps.blogspot.com/" break case "testbybrajesh": default: baseUrl = "https://notice-dps.blogspot.com/" break } // Construct the RSS feed URL const url = `${baseUrl}/feeds/posts/default/-/${label}?alt=rss` console.log(`Fetching RSS from URL: ${url}`) const response = await fetch(url, { headers: { "User-Agent": "Mozilla/5.0 (compatible; StudentDashboard/1.0)", }, cache: "no-store", // Ensure we get fresh data }) if (!response.ok) { throw new Error(`Failed to fetch RSS feed: ${response.status} ${response.statusText}`) } const text = await response.text() // For debugging console.log(`RSS response length: ${text.length}`) console.log(`RSS response preview: ${text.substring(0, 200)}`) // Parse the XML using fast-xml-parser const parser = new XMLParser({ ignoreAttributes: false, attributeNamePrefix: "@_", }) const result = parser.parse(text) const posts: BlogPost[] = [] // Extract items from the parsed XML if (result.rss && result.rss.channel && result.rss.channel.item) { const items = Array.isArray(result.rss.channel.item) ? result.rss.channel.item : [result.rss.channel.item] // Handle single item case items.forEach((item: any) => { posts.push({ title: item.title || "", link: item.link || "", pubDate: item.pubDate || "", description: item.description || "", }) }) } console.log(`Found ${posts.length} posts for label: ${label} from source: ${source}`) return NextResponse.json({ posts }) } catch (error) { console.error("Error fetching RSS feed:", error) return NextResponse.json( { error: "Failed to fetch RSS feed", details: error instanceof Error ? error.message : String(error) }, { status: 500 }, ) } } [V0_FILE]json:file="package.json" isMerged="true" isEdit="true" { "name": "student-dashboard", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@radix-ui/react-dialog": "^1.0.5", "clsx": "^2.0.0", "fast-xml-parser": "^4.3.2", "lucide-react": "^0.294.0", "next": "14.0.4", "react": "^18", "react-dom": "^18", "tailwind-merge": "^2.1.0", "tailwindcss-animate": "^1.0.7" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10.0.1", "eslint": "^8", "eslint-config-next": "14.0.4", "postcss": "^8", "tailwindcss": "^3.3.0", "typescript": "^5" } } [V0_FILE]typescriptreact:file="lib/firebase.ts" isMerged="true" isEdit="true" import { initializeApp, getApps, getApp } from "firebase/app" import { getAuth, GoogleAuthProvider } from "firebase/auth" import { getFirestore } from "firebase/firestore" // Your Firebase configuration const firebaseConfig = { apiKey: "AIzaSyC-ygDVp3_eJhSNQ4-b4FbFdXjNVPzAcPE", authDomain: "dps-keoti-c0371.firebaseapp.com", projectId: "dps-keoti-c0371", storageBucket: "dps-keoti-c0371.firebasestorage.app", messagingSenderId: "812236163562", appId: "1:812236163562:web:804cea0ac157036b3eca93", } // Initialize Firebase const app = !getApps().length ? initializeApp(firebaseConfig) : getApp() const auth = getAuth(app) const db = getFirestore(app) const googleProvider = new GoogleAuthProvider() export { auth, db, googleProvider } [V0_FILE]typescriptreact:file="lib/firebase-admin.ts" isMerged="true" isEdit="true" // This file would be used in a server-side context (e.g., API routes) // For client-side, we'll rely on the Firestore rules import admin from "firebase-admin" import { getApps } from "firebase-admin/app" // Initialize Firebase Admin if not already initialized if (!getApps().length) { admin.initializeApp({ credential: admin.credential.cert({ projectId: process.env.FIREBASE_PROJECT_ID, clientEmail: process.env.FIREBASE_CLIENT_EMAIL, privateKey: process.env.FIREBASE_PRIVATE_KEY?.replace(/\\n/g, "\n"), }), }) } const db = admin.firestore() // Check if form number is already in use export async function isFormNumberInUse(formNumber: string, excludeUid?: string) { try { const usersRef = db.collection("users") const snapshot = await usersRef.where("formNumber", "==", formNumber).get() if (snapshot.empty) { return false } // If we're excluding a specific UID (e.g., the current user), check if the form number // belongs to someone else if (excludeUid) { return snapshot.docs.some((doc) => doc.id !== excludeUid) } return true } catch (error) { console.error("Error checking form number:", error) throw error } } export { admin, db } [V0_FILE]typescriptreact:file="components/ui/dialog.tsx" isMerged="true" isEdit="true" "use client" import * as React from "react" import * as DialogPrimitive from "@radix-ui/react-dialog" import { X } from "lucide-react" import { cn } from "@/lib/utils" const Dialog = DialogPrimitive.Root const DialogTrigger = DialogPrimitive.Trigger const DialogPortal = DialogPrimitive.Portal const DialogClose = DialogPrimitive.Close const DialogOverlay = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) DialogOverlay.displayName = DialogPrimitive.Overlay.displayName const DialogContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} Close )) DialogContent.displayName = DialogPrimitive.Content.displayName const DialogHeader = ({ className, ...props }: React.HTMLAttributes) => (

) DialogHeader.displayName = "DialogHeader" const DialogFooter = ({ className, ...props }: React.HTMLAttributes) => (

) DialogFooter.displayName = "DialogFooter" const DialogTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) DialogTitle.displayName = DialogPrimitive.Title.displayName const DialogDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) DialogDescription.displayName = DialogPrimitive.Description.displayName export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } [V0_FILE]typescriptreact:file="lib/auth.ts" isMerged="true" isEdit="true" import { signInWithPopup, signOut as firebaseSignOut, onAuthStateChanged, type User as FirebaseUser, deleteUser, } from "firebase/auth" import { doc, getDoc, setDoc, deleteDoc, serverTimestamp, collection, query, where, getDocs } from "firebase/firestore" import { auth, db, googleProvider } from "./firebase" import type { UserData } from "./types" // Sign in with Google export const signInWithGoogle = async () => { try { const result = await signInWithPopup(auth, googleProvider) return result.user } catch (error) { console.error("Error signing in with Google:", error) throw error } } // Sign out export const signOut = async () => { try { await firebaseSignOut(auth) } catch (error) { console.error("Error signing out:", error) throw error } } // Get user data from Firestore export const getUserData = async (uid: string) => { try { const userDoc = await getDoc(doc(db, "users", uid)) if (userDoc.exists()) { return userDoc.data() as UserData & { email: string; photoURL: string } } return null } catch (error) { console.error("Error getting user data:", error) throw error } } // Check if user is blocked export const checkUserBlocked = async (formNumber: string) => { try { const usersRef = collection(db, "users") const q = query(usersRef, where("formNumber", "==", formNumber)) const querySnapshot = await getDocs(q) if (!querySnapshot.empty) { const userData = querySnapshot.docs[0].data() as UserData & { blocked?: boolean blockReason?: string email: string } if (userData.blocked) { return { blocked: true, reason: userData.blockReason || null, email: userData.email, } } } return { blocked: false } } catch (error) { console.error("Error checking if user is blocked:", error) throw error } } // Check if form number exists and get associated email export const checkFormNumberExists = async (formNumber: string) => { try { const usersRef = collection(db, "users") const q = query(usersRef, where("formNumber", "==", formNumber)) const querySnapshot = await getDocs(q) if (!querySnapshot.empty) { // Form number exists, return the first document const existingUserData = querySnapshot.docs[0].data() as UserData & { email: string blocked?: boolean blockReason?: string } return { exists: true, email: existingUserData.email, classId: existingUserData.classId, uid: querySnapshot.docs[0].id, blocked: existingUserData.blocked || false, blockReason: existingUserData.blockReason || null, } } return { exists: false } } catch (error) { console.error("Error checking form number:", error) throw error } } // Obscure email for privacy export const obscureEmail = (email: string) => { if (!email) return "" const [username, domain] = email.split("@") if (!username || !domain) return email const obscuredUsername = username.length > 2 ? `${username.substring(0, 2)}${"*".repeat(username.length - 2)}` : username return `${obscuredUsername}@${domain}` } // Save user data to Firestore export const saveUserData = async ( uid: string, data: { name: string; email: string; photoURL: string | null; classId: string; formNumber: string }, ) => { try { await setDoc(doc(db, "users", uid), { ...data, blocked: false, // Initialize as not blocked createdAt: serverTimestamp(), updatedAt: serverTimestamp(), }) } catch (error) { console.error("Error saving user data:", error) throw error } } // Update user class ID export const updateUserClassId = async (uid: string, classId: string) => { try { await setDoc( doc(db, "users", uid), { classId, updatedAt: serverTimestamp(), }, { merge: true }, ) } catch (error) { console.error("Error updating class ID:", error) throw error } } // Update user profile picture export const updateUserProfilePicture = async (uid: string, photoURL: string) => { try { await setDoc( doc(db, "users", uid), { photoURL, updatedAt: serverTimestamp(), }, { merge: true }, ) } catch (error) { console.error("Error updating profile picture:", error) throw error } } // Delete user account and data export const deleteAccount = async (user: FirebaseUser) => { try { // Delete user data from Firestore await deleteDoc(doc(db, "users", user.uid)) // Delete the user account await deleteUser(user) return { success: true } } catch (error) { console.error("Error deleting account:", error) throw error } } // Auth state listener export const onAuthStateChange = (callback: (user: FirebaseUser | null) => void) => { return onAuthStateChanged(auth, callback) } [V0_FILE]typescriptreact:file="lib/types.ts" isMerged="true" isEdit="true" export interface UserData { name: string classId: string formNumber: string email: string photoURL: string | null blocked?: boolean blockReason?: string createdAt?: any updatedAt?: any } export interface BlogPost { title: string link: string pubDate: string description: string } [V0_FILE]typescript:file="firestore.rules" isMerged="true" isEdit="true" rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { // Function to check if form number is unique or belongs to the current user function isFormNumberUnique(formNumber) { let existingUsers = getAfter(/databases/$(database)/documents/users).where("formNumber", "==", formNumber).get(); return existingUsers.size() == 0 || (existingUsers.size() == 1 && existingUsers[0].id == request.auth.uid); } // Function to check if user is blocked function isUserBlocked() { return resource.data.blocked == true; } // Allow users to read and write only their own data match /users/{userId} { // Allow reading user data, even if blocked (to show block message) allow read: if request.auth != null && request.auth.uid == userId; // For writes, ensure form number uniqueness and user is not blocked allow create: if request.auth != null && request.auth.uid == userId && isFormNumberUnique(request.resource.data.formNumber); allow update: if request.auth != null && request.auth.uid == userId && !isUserBlocked() && // Blocked users cannot update their data ( // If form number is changing, ensure it's unique !("formNumber" in request.resource.data) || resource.data.formNumber == request.resource.data.formNumber || isFormNumberUnique(request.resource.data.formNumber) ) && // Prevent users from unblocking themselves ( !("blocked" in request.resource.data) || (resource.data.blocked == false && request.resource.data.blocked == false) ); allow delete: if request.auth != null && request.auth.uid == userId && !isUserBlocked(); // Blocked users cannot delete their account } // Admin collection for managing blocked users match /admin/{document=**} { allow read, write: if false; // Only accessible via admin panel or backend } // Default deny all match /{document=**} { allow read, write: if false; } } } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="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: "DPS Keoti - Student Dashboard", description: "Delhi Public School Keoti - Access your student information and updates", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/first-time-login.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useState } from "react" import { useRouter } from "next/navigation" import { auth } from "@/lib/firebase" import { saveUserData, checkFormNumberExists, obscureEmail, updateUserClassId } from "@/lib/auth" import { BookOpen, GraduationCap, AlertCircle, ShieldAlert } from "lucide-react" export default function FirstTimeLogin() { const router = useRouter() const [classId, setClassId] = useState("") const [formNumber, setFormNumber] = useState("") const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState(null) const [blockedError, setBlockedError] = useState<{ blocked: boolean; reason: string | null } | null>(null) const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsLoading(true) setError(null) setBlockedError(null) if (!classId || !formNumber) { setError("Please fill in all fields") setIsLoading(false) return } try { const user = auth.currentUser if (!user) { throw new Error("No user is signed in") } // Check if form number already exists const formCheck = await checkFormNumberExists(formNumber) if (formCheck.exists) { // Check if user is blocked if (formCheck.blocked) { setBlockedError({ blocked: true, reason: formCheck.blockReason, }) setIsLoading(false) return } // Form number exists if (formCheck.email !== user.email) { // Form number is linked to a different email const obscuredEmail = obscureEmail(formCheck.email) setError( `This Form No. is already registered with the email ${obscuredEmail}. Please use the correct email to log in.`, ) setIsLoading(false) return } else if (formCheck.classId !== classId) { // Same email but different class ID, update the class ID await updateUserClassId(formCheck.uid, classId) router.push("/dashboard") return } // If we get here, the user is already registered with the same form number and class ID // Just redirect to dashboard router.push("/dashboard") return } // New user, save data await saveUserData(user.uid, { name: user.displayName || "Student", email: user.email || "", photoURL: user.photoURL, classId, formNumber, }) // Redirect to dashboard router.push("/dashboard") } catch (err) { console.error("Error saving user data:", err) setError("Failed to save your information. Please try again.") } finally { setIsLoading(false) } } return (

Complete Your Profile

Please enter your DPS Keoti academic details to continue

{error && (

{error}

)} {blockedError && blockedError.blocked && (

Account Blocked

{blockedError.reason ? blockedError.reason : "Your account has been blocked. Please contact your institute officials for assistance."}

)}

Class ID

setClassId(e.target.value)} required className="pl-10 block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white text-sm h-10" placeholder="e.g. 41510" />

Form Number

setFormNumber(e.target.value)} required className="pl-10 block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white text-sm h-10" placeholder="e.g. 22930" />

Form Number must be unique to your account. It cannot be used with multiple email addresses.

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { ShieldAlert } from "lucide-react" import { auth } from "@/lib/firebase" import { signInWithGoogle, getUserData } from "@/lib/auth" import FirstTimeLogin from "@/components/first-time-login" import Image from "next/image" export default function Home() { const router = useRouter() const [isLoading, setIsLoading] = useState(false) const [isAuthChecking, setIsAuthChecking] = useState(true) const [isFirstTimeUser, setIsFirstTimeUser] = useState(false) const [blockedError, setBlockedError] = useState<{ blocked: boolean; reason: string | null } | null>(null) useEffect(() => { // Check if user is already logged in const unsubscribe = auth.onAuthStateChanged(async (user) => { if (user) { try { const userData = await getUserData(user.uid) if (userData) { // Check if user is blocked if (userData.blocked) { setBlockedError({ blocked: true, reason: userData.blockReason || null, }) await auth.signOut() // Sign out if blocked setIsAuthChecking(false) return } // User exists in Firestore, redirect to dashboard router.push("/dashboard") } else { // User is authenticated but no data in Firestore setIsFirstTimeUser(true) } } catch (error) { console.error("Error checking user data:", error) } } setIsAuthChecking(false) }) return () => unsubscribe() }, [router]) const handleGoogleSignIn = async () => { setIsLoading(true) setBlockedError(null) try { const user = await signInWithGoogle() if (user) { const userData = await getUserData(user.uid) if (userData) { // Check if user is blocked if (userData.blocked) { setBlockedError({ blocked: true, reason: userData.blockReason || null, }) await auth.signOut() // Sign out if blocked setIsLoading(false) return } // User exists in Firestore, redirect to dashboard router.push("/dashboard") } else { // User is authenticated but no data in Firestore setIsFirstTimeUser(true) } } } catch (error) { console.error("Error signing in with Google:", error) } finally { setIsLoading(false) } } if (isAuthChecking) { return (

) } return (

{/* Header */}

Delhi Public School Keoti

{/* Main Content */}

{isFirstTimeUser ? ( ) : (

Student Login

{blockedError && blockedError.blocked && (

Account Blocked

{blockedError.reason ? blockedError.reason : "Your account has been blocked. Please contact your institute officials for assistance."}

)}

Important: Each student must use a unique Form Number. Your Form Number is linked to your Google account and cannot be used with multiple emails.

)}

{/* Footer */}

) } [V0_FILE]typescriptreact:file="components/dashboard-home.tsx" isEdit="true" isQuickEdit="true" "use client" import { useEffect, useState } from "react" import type { UserData, BlogPost } from "@/lib/types" import { fetchRssFeed } from "@/lib/api" import { formatDate } from "@/lib/utils" import { AlertCircle, Bell, Calendar, ChevronRight, Clock, BookOpen, Globe, Sparkles, BarChart3 } from "lucide-react" interface DashboardHomeProps { userData: UserData onSectionChange: (section: string) => void } export default function DashboardHome({ userData, onSectionChange }: DashboardHomeProps) { const [recentNotices, setRecentNotices] = useState([]) const [todaySchedule, setTodaySchedule] = useState([]) const [loading, setLoading] = useState(true) const [error, setError] = useState(null) const [expandedPostLink, setExpandedPostLink] = useState(null) const [currentTime, setCurrentTime] = useState(new Date()) useEffect(() => { // Update time every minute const timer = setInterval(() => { setCurrentTime(new Date()) }, 60000) return () => clearInterval(timer) }, []) const loadDashboardData = async () => { setLoading(true) setError(null) try { // Format today's date for schedule const today = new Date() const day = String(today.getDate()).padStart(2, "0") const month = String(today.getMonth() + 1).padStart(2, "0") const year = String(today.getFullYear()).slice(-2) const formattedDate = `${day}${month}${year}` // Fetch data in parallel const [noticesData, scheduleClassData, scheduleFormData] = await Promise.all([ fetchRssFeed(userData.classId, "testbybrajesh"), fetchRssFeed(`${formattedDate}${userData.classId}`, "test-tabel-braj"), fetchRssFeed(`${formattedDate}${userData.formNumber}`, "test-tabel-braj"), ]) // Process notices - get recent notices setRecentNotices(noticesData.slice(0, 10)) // Process schedule const combinedSchedule = [...scheduleClassData, ...scheduleFormData] const uniqueSchedule = combinedSchedule.filter( (post, index, self) => index === self.findIndex((p) => p.link === post.link), ) setTodaySchedule(uniqueSchedule.slice(0, 5)) } catch (err) { console.error("Error fetching dashboard data:", err) setError("Failed to load some dashboard data. Please try again later.") } finally { setLoading(false) } } useEffect(() => { loadDashboardData() }, [userData]) // Get current time for greeting const getGreeting = () => { const hour = new Date().getHours() if (hour < 12) return "Good morning" if (hour < 18) return "Good afternoon" return "Good evening" } // Get current date formatted const getCurrentDate = () => { return new Date().toLocaleDateString("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric", }) } // Format current time const getFormattedTime = () => { return currentTime.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) } // Toggle expanded post content const toggleExpandedPost = (link: string) => { setExpandedPostLink((currentLink) => (currentLink === link ? null : link)) } // Calculate how many notices to show based on schedule length const getNoticesCount = () => { if (todaySchedule.length <= 1) return 5 if (todaySchedule.length <= 3) return 4 return 3 } // Quick access items const quickAccessItems = [ { id: "schedule", label: "Schedule", icon: Calendar, color: "bg-gradient-to-br from-green-500 to-green-600" }, { id: "notices", label: "Notices", icon: Bell, color: "bg-gradient-to-br from-green-600 to-emerald-600" }, { id: "assignments", label: "Assignments", icon: BookOpen, color: "bg-gradient-to-br from-emerald-600 to-teal-600", }, { id: "results", label: "Results", icon: BarChart3, color: "bg-gradient-to-br from-teal-600 to-green-700" }, { id: "resources", label: "Resources", icon: Globe, color: "bg-gradient-to-br from-green-700 to-emerald-700" }, ] if (loading) { return (

Loading your dashboard...

) } if (error) { return (

Error Loading Dashboard

{error}

) } const noticesCount = getNoticesCount() return (

{/* Hero Section with Greeting and Time */}

{getGreeting()}, {userData.name}!

{getCurrentDate()}

{getFormattedTime()}

{/* Decorative elements */}

{/* Main Content Grid */}

{/* Today's Schedule Section - Redesigned */}

Today's Classes

{todaySchedule.length > 0 && (

{todaySchedule.length} Classes

)}

{todaySchedule.length > 0 ? ( todaySchedule.map((item, index) => (

{item.title}

{expandedPostLink === item.link ? (

) : (

{item.description.replace(/<[^>]*>?/gm, "")}

{item.description.length > 120 && ( )}

)}

)) ) : (

No classes scheduled for today

Enjoy your free time!

)}

{/* Recent Notices - Redesigned */}

Recent Notices

{recentNotices.length > 0 && (

{recentNotices.length} New

)}

{recentNotices.length > 0 ? ( recentNotices.slice(0, noticesCount).map((notice, index) => (

{notice.title}

{formatDate(notice.pubDate)}

{notice.description.replace(/<[^>]*>?/gm, "")}

)) ) : (

No recent notices

Check back later for updates

)}

{/* Quick Access Section - Moved to bottom on mobile */}

Quick Access

{quickAccessItems.map((item, index) => ( ))}

) } [V0_FILE]typescriptreact:file="components/schedule-view.tsx" isEdit="true" isQuickEdit="true" "use client" import { useEffect, useState } from "react" import type { UserData, BlogPost } from "@/lib/types" import { fetchRssFeed } from "@/lib/api" import { formatDate } from "@/lib/utils" import { AlertCircle, ChevronLeft, ChevronRight, CalendarIcon, ChevronDown, ChevronUp, Clock } from "lucide-react" interface ScheduleViewProps { userData: UserData } export default function ScheduleView({ userData }: ScheduleViewProps) { const [error, setError] = useState(null) const [viewMode, setViewMode] = useState<"day" | "week" | "full">("week") const [currentDate, setCurrentDate] = useState(new Date()) const [selectedDate, setSelectedDate] = useState(new Date()) const [posts, setPosts] = useState([]) const [expandedPostLink, setExpandedPostLink] = useState(null) const [postsLoading, setPostsLoading] = useState(false) // Separate loading state for posts const weekDates = Array.from({ length: 7 }).map((_, index) => { const date = new Date(currentDate) date.setDate(date.getDate() - date.getDay() + index) return date }) const formatDateForLabel = (date: Date) => { const day = String(date.getDate()).padStart(2, "0") const month = String(date.getMonth() + 1).padStart(2, "0") const year = String(date.getFullYear()).slice(-2) // Get last two digits of year return `${day}${month}${year}` } const getPostsForDate = async (date: Date) => { setPostsLoading(true) // Set loading only for posts setError(null) setPosts([]) try { const formattedDate = formatDateForLabel(date) const classLabel = `${formattedDate}${userData.classId}` // No hyphen, direct concatenation const formLabel = `${formattedDate}${userData.formNumber}` // No hyphen const [classPosts, formPosts] = await Promise.all([ fetchRssFeed(classLabel, "test-tabel-braj"), fetchRssFeed(formLabel, "test-tabel-braj"), ]) const combinedPosts = [...classPosts, ...formPosts] const uniquePosts = combinedPosts.filter( (post, index, self) => index === self.findIndex((p) => p.link === post.link), ) setPosts(uniquePosts) } catch (err) { console.error("Error fetching schedule for date:", err) setError("Failed to load schedule. Please try again.") setPosts([]) } finally { setPostsLoading(false) // Reset loading after fetching } } const navigateToPreviousWeek = () => { const newDate = new Date(currentDate) newDate.setDate(newDate.getDate() - 7) setCurrentDate(newDate) } const navigateToNextWeek = () => { const newDate = new Date(currentDate) newDate.setDate(newDate.getDate() + 7) setCurrentDate(newDate) } const navigateToToday = () => { setCurrentDate(new Date()) setSelectedDate(new Date()) } useEffect(() => { getPostsForDate(selectedDate) }, [selectedDate, userData]) const toggleExpandedPost = (link: string) => { setExpandedPostLink((currentLink) => (currentLink === link ? null : link)) } if (error) { return (

Error Loading Schedule

{error}

) } return (

Class Schedule

{viewMode === "week" && (

{weekDates[0].toLocaleDateString("en-US", { month: "short", day: "numeric" })} -{" "} {weekDates[6].toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })}

{["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((day, index) => (

{day}

))} {weekDates.map((date, index) => { const isToday = date.toDateString() === new Date().toDateString() const isSelected = date.toDateString() === selectedDate.toDateString() const hasEvents = posts.some((post) => { const postDate = new Date(post.pubDate) return postDate.toDateString() === date.toDateString() }) return ( ) })}

)} {/* Display schedule for selected date */}

{selectedDate.toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric", })}

{/* Posts Loading Indicator */} {postsLoading && (

)} {!postsLoading && posts.length > 0 ? (

{posts.map((post, index) => (

{/* Animated Dropdown Content */}

))}

) : ( !postsLoading && (

No classes scheduled for today

Try selecting a different date or check your Class ID and Form Number

) )}

{viewMode === "full" && (

All Scheduled Events

{posts.length > 0 ? ( posts.map((post) => (

{formatDate(post.pubDate)}

{/* Animated Dropdown Content */}

)) ) : (

No events scheduled

)}

) } [V0_FILE]typescriptreact:file="components/notice-board.tsx" isEdit="true" isQuickEdit="true" "use client" import { useEffect, useState } from "react" import type { UserData, BlogPost } from "@/lib/types" import { fetchRssFeed } from "@/lib/api" import { formatDate } from "@/lib/utils" import { AlertCircle, Calendar, FileText, Link2, ChevronDown, ChevronUp, BookOpen, Bell, Globe, User, } from "lucide-react" interface NoticeBoardProps { userData: UserData section: string } export default function NoticeBoard({ userData, section }: NoticeBoardProps) { const [posts, setPosts] = useState([]) const [loading, setLoading] = useState(true) const [error, setError] = useState(null) const [expandedPostLink, setExpandedPostLink] = useState(null) // State for expanded post const [searchTerm, setSearchTerm] = useState("") useEffect(() => { const loadPosts = async () => { setLoading(true) setError(null) try { let fetchedPosts: BlogPost[] = [] let blogSource = "" switch (section) { case "notices": blogSource = "testbybrajesh" break case "assignments": blogSource = "dps-keoti" break case "results": blogSource = "tvspebook" break case "resources": blogSource = "online-braj-test" break default: blogSource = "testbybrajesh" } const [classPosts, formPosts] = await Promise.all([ fetchRssFeed(userData.classId, blogSource), fetchRssFeed(userData.formNumber, blogSource), ]) fetchedPosts = [...classPosts, ...formPosts] fetchedPosts.sort((a, b) => new Date(b.pubDate).getTime() - new Date(a.pubDate).getTime()) setPosts(fetchedPosts) } catch (err) { console.error("Error fetching posts:", err) setError("Failed to load posts. Please try again later.") } finally { setLoading(false) } } loadPosts() }, [userData, section]) const getSectionTitle = () => { switch (section) { case "notices": return "Notices" case "assignments": return "Assignments" case "results": return "Results" case "resources": return "Online Resources" default: return "Posts" } } const getSectionIcon = () => { switch (section) { case "notices": return Bell case "assignments": return BookOpen case "results": return User case "resources": return Globe default: return Bell } } const getPostIcon = () => { switch (section) { case "resources": return Link2 case "results": return FileText case "assignments": return BookOpen default: return Bell } } const SectionIcon = getSectionIcon() const PostIcon = getPostIcon() const toggleExpandedPost = (link: string) => { setExpandedPostLink((currentLink) => (currentLink === link ? null : link)) } const filteredPosts = posts.filter( (post) => post.title.toLowerCase().includes(searchTerm.toLowerCase()) || post.description.toLowerCase().includes(searchTerm.toLowerCase()), ) if (loading) { return (

Loading {getSectionTitle()}...

) } if (error) { return (

Error Loading Content

{error}

) } if (posts.length === 0) { return (

{getSectionTitle()}

No {getSectionTitle().toLowerCase()} found for your Class ID and Form Number.

Please contact your institute for assistance.

) } // Special layout for resources section if (section === "resources") { return (

{getSectionTitle()}

{/* Search input */}

setSearchTerm(e.target.value)} className="pl-10 pr-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white" />

{filteredPosts.length > 0 ? ( filteredPosts.map((post) => (

{formatDate(post.pubDate)}

{/* Animated Dropdown Content */}

)) ) : (

No resources match your search

{searchTerm && ( )}

)}

) } // Default layout for other sections return (

{getSectionTitle()}

{/* Search input */}

{filteredPosts.length > 0 ? ( filteredPosts.map((post) => (

{formatDate(post.pubDate)}

{/* Animated Dropdown Content */}

)) ) : (

No {getSectionTitle().toLowerCase()} match your search

{searchTerm && ( )}

)}

) } [V0_FILE]typescriptreact:file="components/dashboard-layout.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useRouter } from "next/navigation" import type { UserData } from "@/lib/types" import { Bell, BookOpen, Calendar, ChevronDown, Globe, GraduationCap, Home, LogOut, Menu, Moon, Search, Settings, Sun, User, X, } from "lucide-react" import { useEffect, useState, useRef } from "react" import Image from "next/image" import { signOut } from "@/lib/auth" import Link from "next/link" interface DashboardLayoutProps { userData: UserData children: React.ReactNode activeSection: string onSectionChange: (section: string) => void } export default function DashboardLayout({ userData, children, activeSection, onSectionChange }: DashboardLayoutProps) { const router = useRouter() const [isMobile, setIsMobile] = useState(false) const [isSidebarOpen, setIsSidebarOpen] = useState(false) const [isDarkMode, setIsDarkMode] = useState(false) const [isSearchOpen, setIsSearchOpen] = useState(false) const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false) const [isLoading, setIsLoading] = useState(false) const profileMenuRef = useRef(null) const sidebarRef = useRef(null) useEffect(() => { // Check if the device is mobile const checkMobile = () => { setIsMobile(window.innerWidth < 1024) } // Initial check checkMobile() // Add event listener for window resize window.addEventListener("resize", checkMobile) // Check for dark mode preference if (typeof window !== "undefined") { const isDark = localStorage.getItem("darkMode") === "true" || window.matchMedia("(prefers-color-scheme: dark)").matches setIsDarkMode(isDark) if (isDark) { document.documentElement.classList.add("dark") } } // Add click outside listener for profile menu const handleClickOutside = (event: MouseEvent) => { if (profileMenuRef.current && !profileMenuRef.current.contains(event.target as Node)) { setIsProfileMenuOpen(false) } } document.addEventListener("mousedown", handleClickOutside) // Cleanup return () => { window.removeEventListener("resize", checkMobile) document.removeEventListener("mousedown", handleClickOutside) } }, []) // Effect to handle body scroll when sidebar is open useEffect(() => { if (isMobile) { if (isSidebarOpen) { document.body.style.overflow = "hidden" } else { document.body.style.overflow = "auto" } } }, [isSidebarOpen, isMobile]) const toggleDarkMode = () => { setIsDarkMode(!isDarkMode) if (isDarkMode) { document.documentElement.classList.remove("dark") localStorage.setItem("darkMode", "false") } else { document.documentElement.classList.add("dark") localStorage.setItem("darkMode", "true") } } const handleLogout = async () => { setIsLoading(true) try { await signOut() router.push("/") } catch (error) { console.error("Error logging out:", error) } finally { setIsLoading(false) } } const navItems = [ { id: "dashboard", label: "Dashboard", icon: Home, source: "" }, { id: "schedule", label: "Schedule", icon: Calendar, source: "test-tabel-braj.blogspot.com" }, { id: "notices", label: "Notices", icon: Bell, source: "testbybrajesh.blogspot.com" }, { id: "assignments", label: "Assignments", icon: BookOpen, source: "dps-keoti.blogspot.com" }, { id: "results", label: "Results", icon: User, source: "tvspebook.blogspot.com" }, { id: "resources", label: "Resources", icon: Globe, source: "online-braj-test.blogspot.com" }, ] return (

{/* Header */}

{/* Left section */}

{/* Mobile menu button */} {/* Logo */}

D.P.S. Keoti

{/* Center section - Search (desktop only) */}

{/* Right section */}

{/* Mobile search button */} {/* Dark mode toggle */} {/* Settings */} {/* Profile dropdown */}

{/* Profile dropdown menu */} {isProfileMenuOpen && (

{userData.photoURL ? ( {userData.name}

) : (

)}

{userData.name}

{userData.email}

setIsProfileMenuOpen(false)} > Profile setIsProfileMenuOpen(false)} > Settings

)}

{/* Mobile search bar */} {isSearchOpen && (

)}

{/* Sidebar for desktop */}

{/* Navigation */}

{navItems.map((item) => ( ))}

{/* User Info Section */}

Your Info

{userData.photoURL ? (

) : (

)}

{userData.name}

Class ID: {userData.classId}

Form: {userData.formNumber}

{/* Main content */}

{/* Backdrop for mobile sidebar */} {isMobile && isSidebarOpen && (

setIsSidebarOpen(false)} aria-hidden="true" >

)} {/* Content */}

{children}

) } [V0_FILE]typescriptreact:file="app/dashboard/settings/page.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useEffect, useState, useRef } from "react" import { useRouter } from "next/navigation" import Image from "next/image" import { AlertCircle, Camera, Check, GraduationCap, Loader2, Save, SettingsIcon, Trash2, User, Edit, Shield, Key, LogOut, ShieldCheck, ShieldAlert, } from "lucide-react" import { auth, db } from "@/lib/firebase" import { getUserData, updateUserClassId, deleteAccount, signOut } from "@/lib/auth" import type { UserData } from "@/lib/types" import { doc, updateDoc } from "firebase/firestore" import AuthCheck from "@/components/auth-check" import DashboardLayout from "@/components/dashboard-layout" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog" export default function Settings() { const router = useRouter() const [userData, setUserData] = useState(null) const [loading, setLoading] = useState(true) const [saving, setSaving] = useState(false) const [error, setError] = useState(null) const [success, setSuccess] = useState(null) const [newClassId, setNewClassId] = useState("") const [profileImage, setProfileImage] = useState(null) const [profileChanged, setProfileChanged] = useState(false) const [showDeleteDialog, setShowDeleteDialog] = useState(false) const [showClassIdDialog, setShowClassIdDialog] = useState(false) const [deleteConfirmText, setDeleteConfirmText] = useState("") const [isDeleting, setIsDeleting] = useState(false) const [accountDeleted, setAccountDeleted] = useState(false) const fileInputRef = useRef(null) const [activeTab, setActiveTab] = useState("profile") const [activeSection, setActiveSection] = useState("dashboard") const [isBlocked, setIsBlocked] = useState(false) const [blockReason, setBlockReason] = useState(null) useEffect(() => { const fetchUserData = async () => { setLoading(true) try { const user = auth.currentUser if (user) { const data = await getUserData(user.uid) if (data) { setUserData(data) setNewClassId(data.classId) setProfileImage(data.photoURL) // Check if user is blocked if (data.blocked) { setIsBlocked(true) setBlockReason(data.blockReason || null) } } else { router.push("/") } } else { router.push("/") } } catch (error) { console.error("Error fetching user data:", error) setError("Failed to load user data. Please try again.") } finally { setLoading(false) } } fetchUserData() }, [router]) const handleImageChange = (e: React.ChangeEvent) => { // Don't allow blocked users to change profile if (isBlocked) return const file = e.target.files?.[0] if (file) { if (file.size > 1024 * 1024) { setError("Image size should be less than 1MB") return } const reader = new FileReader() reader.onloadend = () => { setProfileImage(reader.result as string) setProfileChanged(true) } reader.readAsDataURL(file) } } const triggerFileInput = () => { // Don't allow blocked users to change profile if (isBlocked) return fileInputRef.current?.click() } const handleSaveProfileImage = async () => { // Don't allow blocked users to save profile if (isBlocked) return setSaving(true) setError(null) setSuccess(null) try { const user = auth.currentUser if (!user) { throw new Error("No user is signed in") } // Update profile picture await updateDoc(doc(db, "users", user.uid), { photoURL: profileImage, }) setSuccess("Profile picture updated successfully") setProfileChanged(false) } catch (error) { console.error("Error updating profile picture:", error) setError("Failed to update profile picture. Please try again.") } finally { setSaving(false) } } const handleUpdateClassId = async () => { // Don't allow blocked users to update class ID if (isBlocked) return setSaving(true) setError(null) setSuccess(null) try { const user = auth.currentUser if (!user) { throw new Error("No user is signed in") } // Update class ID await updateUserClassId(user.uid, newClassId) setSuccess("Class ID updated successfully") setShowClassIdDialog(false) // Update local userData if (userData) { setUserData({ ...userData, classId: newClassId, }) } } catch (error) { console.error("Error updating class ID:", error) setError("Failed to update class ID. Please try again.") } finally { setSaving(false) } } const handleDeleteAccount = async () => { // Don't allow blocked users to delete account if (isBlocked) return if (deleteConfirmText !== "DELETE") { setError("Please type DELETE to confirm account deletion") return } setIsDeleting(true) setError(null) try { const user = auth.currentUser if (user) { const result = await deleteAccount(user) if (result.success) { setAccountDeleted(true) setShowDeleteDialog(false) setSuccess("Your account has been successfully deleted") } } } catch (error) { console.error("Error deleting account:", error) setError("Failed to delete account. Please try again.") } finally { setIsDeleting(false) } } const handleLogout = async () => { try { await signOut() router.push("/") } catch (error) { console.error("Error logging out:", error) } } if (loading || !userData) { return (

Loading settings...

) } // If account was deleted, show success message with logout button if (accountDeleted) { return (

Account Deleted

Your account has been successfully deleted. Thank you for using our platform.

) } const SettingsContent = () => (

{/* Header */}

Account Settings

Manage your profile, preferences, and account settings

{/* Account Status Badge */}

{isBlocked ? (

Account Blocked

) : (

Account Active

)}

{/* Block Reason Alert (if blocked) */} {isBlocked && blockReason && (

Your account has been blocked

{blockReason}

Please contact your institute officials for assistance.

)} {/* Alerts */} {error && (

{error}

)} {success && (

{success}

)}

{/* Sidebar Navigation */}

Settings

{/* Only show delete account option if not blocked */} {!isBlocked && (

)}

{/* Main Content */}

{/* Profile Section */} {activeTab === "profile" && (

Profile Information

{/* Profile Picture */}

{profileImage ? ( {userData?.name

) : ( )}

{/* Only show edit button if not blocked */} {!isBlocked && ( )} {/* Save button that appears when profile image changes */} {profileChanged && !isBlocked && (

)}

{/* Profile Info */}

Full Name

Name is linked to your Google account and cannot be changed here.

Email Address

Email is linked to your Google account and cannot be changed here.

)} {/* Academic Information */} {activeTab === "academic" && (

Academic Information

Class ID

{/* Only show edit button if not blocked */} {!isBlocked && ( )}

Your Class ID is used to fetch relevant notices and assignments.

Form Number

Form Number is unique to your account and cannot be changed.

)} {/* Security Section */} {activeTab === "security" && (

Security Settings

Account Security

Your account is secured through Google Authentication. To change your password or enable two-factor authentication, please visit your Google Account settings.

Manage Google Security

Account Actions

{/* Only show delete account option if not blocked */} {!isBlocked && ( )}

)}

) return ( {/* Class ID Change Dialog */} {/* Delete Account Dialog */} ) } [V0_FILE]typescriptreact:file="components/auth-check.tsx" isEdit="true" isQuickEdit="true" "use client" import type React from "react" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import { onAuthStateChange, getUserData } from "@/lib/auth" import type { UserData } from "@/lib/types" import { ShieldAlert } from "lucide-react" interface AuthCheckProps { children: React.ReactNode requireAuth?: boolean redirectTo?: string } export default function AuthCheck({ children, requireAuth = true, redirectTo = "/" }: AuthCheckProps) { const router = useRouter() const [loading, setLoading] = useState(true) const [user, setUser] = useState(null) const [isBlocked, setIsBlocked] = useState(false) const [blockReason, setBlockReason] = useState(null) useEffect(() => { const unsubscribe = onAuthStateChange(async (firebaseUser) => { if (firebaseUser) { try { const userData = await getUserData(firebaseUser.uid) if (userData) { // Check if user is blocked if (userData.blocked) { setIsBlocked(true) setBlockReason(userData.blockReason || null) // Sign out the user if they're blocked await firebaseUser.auth.signOut() setLoading(false) return } // User exists in Firestore and is not blocked setUser(userData) // If we're on the login page, redirect to dashboard if (window.location.pathname === "/") { router.push("/dashboard") } } else { // User is authenticated but no data in Firestore // They need to complete profile if (window.location.pathname !== "/") { router.push("/") } } } catch (error) { console.error("Error checking user data:", error) } } else if (requireAuth) { // No user is signed in, redirect to login router.push(redirectTo) } setLoading(false) }) return () => unsubscribe() }, [router, requireAuth, redirectTo]) if (loading) { return (

) } // If user is blocked, show blocked message if (isBlocked) { return (

Account Blocked

{blockReason ? blockReason : "Your account has been blocked. Please contact your institute officials for assistance."}

) } return <>{children} } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isEdit="true" isQuickEdit="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import DashboardLayout from "@/components/dashboard-layout" import NoticeBoard from "@/components/notice-board" import ScheduleView from "@/components/schedule-view" import DashboardHome from "@/components/dashboard-home" import AuthCheck from "@/components/auth-check" import { auth } from "@/lib/firebase" import { getUserData } from "@/lib/auth" import type { UserData } from "@/lib/types" import { ShieldAlert } from "lucide-react" export default function Dashboard() { const router = useRouter() const [userData, setUserData] = useState(null) const [activeSection, setActiveSection] = useState("dashboard") const [loading, setLoading] = useState(true) const [isBlocked, setIsBlocked] = useState(false) const [blockReason, setBlockReason] = useState(null) useEffect(() => { const unsubscribe = auth.onAuthStateChanged(async (user) => { if (user) { try { const data = await getUserData(user.uid) if (data) { // Check if user is blocked if (data.blocked) { setIsBlocked(true) setBlockReason(data.blockReason || null) await auth.signOut() // Sign out if blocked setLoading(false) return } setUserData(data) } else { // No user data in Firestore, redirect to complete profile router.push("/") } } catch (error) { console.error("Error fetching user data:", error) } finally { setLoading(false) } } else { // No user is signed in, redirect to login router.push("/") } }) return () => unsubscribe() }, [router]) if (loading) { return (

Loading your dashboard...

) } // If user is blocked, show blocked message if (isBlocked) { return (

Account Blocked

{blockReason ? blockReason : "Your account has been blocked. Please contact your institute officials for assistance."}

) } if (!userData) { return (

Loading your dashboard...

) } return ( {activeSection === "dashboard" ? ( ) : activeSection === "schedule" ? ( ) : ( )} ) } [V0_FILE]typescriptreact:file="tailwind.config.js" isEdit="true" isQuickEdit="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", 50: "#f0fdf4", 100: "#dcfce7", 200: "#bbf7d0", 300: "#86efac", 400: "#4ade80", 500: "#22c55e", 600: "#16a34a", 700: "#15803d", 800: "#166534", 900: "#14532d", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, shimmer: { "100%": { transform: "translateX(100%)", }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", shimmer: "shimmer 2s infinite", }, backgroundImage: { "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", "hero-pattern": "url('/images/hero-pattern.svg')", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/globals.css" isEdit="true" isQuickEdit="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 142.1 70.6% 45.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 142.1 64.2% 47.5%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } /* Custom animations */ @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .animate-float { animation: float 3s ease-in-out infinite; } /* Glass effect */ .glass { background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, 0.18); } .dark .glass { background: rgba(17, 25, 40, 0.75); border: 1px solid rgba(255, 255, 255, 0.125); } /* Gradient text */ .gradient-text { @apply bg-clip-text text-transparent bg-gradient-to-r from-blue-600 to-indigo-600; } /* Card hover effects */ .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } /* Background pattern */ .bg-pattern { background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 4px; } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.2); } .dark ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); } .dark ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); } .dark ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.2); } /* Animations */ @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } .animate-pulse-slow { animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* Transitions */ .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } /* Mobile optimizations */ @media (max-width: 768px) { .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } }

Complete Your Profile

Student Login

Error Loading Dashboard

{getGreeting()}, {userData.name}!

Today's Classes

{item.title}

Recent Notices

{notice.title}

Quick Access

Error Loading Schedule

Class Schedule

{selectedDate.toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric", })}

{post.title}

All Scheduled Events

{post.title}

Error Loading Content

{getSectionTitle()}

{getSectionTitle()}

{post.title}

{getSectionTitle()}

{post.title}

Account Deleted

Account Settings

Settings

Profile Information

Academic Information

Security Settings

Account Security

Account Actions

Account Blocked

Account Blocked

About

Tags

Share

More from brajeshcodes-6810

More Templates Like This

About

Tags

Share

About

Tags

Share

More from brajeshcodes-6810

More Templates Like This