[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import { Inter } from "next/font/google" import "./globals.css" import { Toaster } from "@/components/ui/toaster" const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "Library Management System", description: "A comprehensive system for managing library resources", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function Home() { return (

Welcome to the Library Management System

) } [V0_FILE]typescriptreact:file="app/register/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function Register() { const [name, setName] = useState("") const [email, setEmail] = useState("") const [password, setPassword] = useState("") const router = useRouter() const { toast } = useToast() const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your registration API // For now, we'll just simulate a registration toast({ title: "Registration Successful", description: `Your student ID is: STU${Math.floor(Math.random() * 10000)}`, }) router.push("/login") } return (

) } [V0_FILE]typescriptreact:file="app/admin/dashboard/page.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function AdminDashboard() { return (

Admin Dashboard

) } [V0_FILE]typescriptreact:file="app/student/dashboard/page.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" export default function StudentDashboard() { return (

Student Dashboard

) } [V0_FILE]typescriptreact:file="app/admin/categories/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function ManageCategories() { const [categoryName, setCategoryName] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to add the category toast({ title: "Category Added", description: `Category "${categoryName}" has been added successfully.`, }) setCategoryName("") } return (

Manage Categories

{/* Here you would typically render a list of existing categories */}

) } [V0_FILE]typescriptreact:file="app/admin/authors/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function ManageAuthors() { const [authorName, setAuthorName] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to add the author toast({ title: "Author Added", description: `Author "${authorName}" has been added successfully.`, }) setAuthorName("") } return (

Manage Authors

{/* Here you would typically render a list of existing authors */}

) } [V0_FILE]typescriptreact:file="app/admin/books/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function ManageBooks() { const [bookTitle, setBookTitle] = useState("") const [author, setAuthor] = useState("") const [category, setCategory] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to add the book toast({ title: "Book Added", description: `Book "${bookTitle}" has been added successfully.`, }) setBookTitle("") setAuthor("") setCategory("") } return (

Manage Books

{/* Here you would typically render a list of existing books */}

) } [V0_FILE]typescriptreact:file="app/admin/issue-book/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function IssueBook() { const [studentId, setStudentId] = useState("") const [bookId, setBookId] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to issue the book toast({ title: "Book Issued", description: `Book (ID: ${bookId}) has been issued to student (ID: ${studentId}).`, }) setStudentId("") setBookId("") } return (

Issue Book

) } [V0_FILE]typescriptreact:file="app/admin/return-book/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function ReturnBook() { const [bookId, setBookId] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to return the book toast({ title: "Book Returned", description: `Book (ID: ${bookId}) has been returned successfully.`, }) setBookId("") } return (

Return Book

) } [V0_FILE]typescriptreact:file="app/admin/search-student/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function SearchStudent() { const [studentId, setStudentId] = useState("") const [studentDetails, setStudentDetails] = useState(null) const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to search for the student // For now, we'll just simulate a search if (studentId === "STU1234") { setStudentDetails({ name: "John Doe", email: "john@example.com" }) } else { toast({ title: "Student Not Found", description: "No student found with the given ID.", variant: "destructive", }) setStudentDetails(null) } } return (

Search Student

{studentDetails && (

Student Details

Name: {studentDetails.name}

Email: {studentDetails.email}

)}

) } [V0_FILE]typescriptreact:file="app/change-password/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function ChangePassword() { const [currentPassword, setCurrentPassword] = useState("") const [newPassword, setNewPassword] = useState("") const [confirmPassword, setConfirmPassword] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (newPassword !== confirmPassword) { toast({ title: "Error", description: "New password and confirm password do not match.", variant: "destructive", }) return } // Here you would typically call your API to change the password toast({ title: "Password Changed", description: "Your password has been successfully changed.", }) setCurrentPassword("") setNewPassword("") setConfirmPassword("") } return (

Change Password

) } [V0_FILE]typescriptreact:file="app/student/profile/page.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" export default function UpdateProfile() { const [name, setName] = useState("") const [email, setEmail] = useState("") const { toast } = useToast() const handleSubmit = (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your API to update the profile toast({ title: "Profile Updated", description: "Your profile has been successfully updated.", }) } return (

Update Profile

) } [V0_FILE]typescriptreact:file="app/login/page.tsx" isEdit="true" "use client" import type React from "react" import { useState } from "react" import { useRouter } from "next/navigation" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { useToast } from "@/components/ui/use-toast" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" export default function Login() { const [email, setEmail] = useState("") const [password, setPassword] = useState("") const [adminUsername, setAdminUsername] = useState("") const [adminPassword, setAdminPassword] = useState("") const router = useRouter() const { toast } = useToast() const handleStudentLogin = async (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your authentication API // For now, we'll just simulate a login if (email === "student@example.com" && password === "student") { router.push("/student/dashboard") } else { toast({ title: "Error", description: "Invalid credentials", variant: "destructive", }) } } const handleAdminLogin = async (e: React.FormEvent) => { e.preventDefault() // Here you would typically call your authentication API // For now, we'll just simulate a login if (adminUsername === "admin" && adminPassword === "admin123") { router.push("/admin/dashboard") } else { toast({ title: "Error", description: "Invalid admin credentials", variant: "destructive", }) } } return (

Student Admin

) }

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This