📚 Library Management System

A modern web-based library management system that helps libraries manage their collections and allows users to browse, borrow, and reserve books efficiently. Built with Next.js 15, TypeScript, and Supabase, featuring a clean and responsive UI powered by shadcn/ui components.

✨ Features

📚 Book Management

• Browse and search books by title, author, or ISBN
• Advanced filtering by categories
• Real-time book availability tracking
• Cover image management system
• Detailed book information pages

🔒 Security & Authentication

• Secure email/password authentication via Supabase
• Role-based access control
• Protected routes and API endpoints
• User profile management
• Session handling

📖 Borrowing System

• Intuitive book checkout process
• Automated due date management
• Book reservation queue
• Return processing
• Late return notifications
• Borrowing history tracking

💻 Modern UI/UX

• Responsive design for all devices
• Dark mode support
• Real-time updates
• Interactive toast notifications
• Loading states and error handling
• Clean and intuitive interface

🛠️ Tech Stack

Frontend

Backend & Database

Tools & Utilities

• shadcn/ui - UI Components
• React Hook Form - Form handling
• Zod - Schema validation
• date-fns - Date manipulation
• ESLint - Code linting
• Prettier - Code formatting

🚀 Getting Started

1. Clone the repository

git clone https://github.com/ChanMeng666/library-management-system.git
cd library-management-system

2. Install dependencies

npm install

3. Set up environment variables Create a .env.local file in the root directory:

NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key

4. Run the development server

npm run dev

Open http://localhost:3000 with your browser to see the result.

📁 Project Structure

├── src/
│   ├── app/              # Next.js app router pages
│   ├── components/       # Reusable UI components
│   ├── contexts/         # React contexts
│   ├── hooks/           # Custom React hooks
│   ├── lib/             # Utility functions and configurations
│   └── types/           # TypeScript type definitions
├── public/              # Static assets
└── ...configuration files

🤝 Contributing

We welcome contributions to improve the Library Management System! Here's how you can help:

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Please ensure you follow our coding standards and include appropriate tests.

📄 License

See the AGPL-3.0 license file for details.

👤 Author

Chan Meng

• LinkedIn: chanmeng666
• GitHub: ChanMeng666

⭐ Support

If you found this project helpful, give it a ⭐️. Every star motivates us to keep improving!

📱 Connect With Us