A complete, modern Library Management System with AI-powered book recommendations — all in a single HTML file. No server, no installation, no dependencies.
🌐 Live Demo • 📖 Features • 🚀 Deploy • 🔑 Login
| Role | Access |
|---|---|
| 🔴 Admin | Full system control — users, books, settings, analytics |
| 🟡 Librarian | Issue/Return books, manage catalogue, fines |
| 🟢 Student | Browse books, view issued books, AI recommendations |
- Analyses user's borrowing history and category preferences
- Collaborative filtering algorithm in pure JavaScript
- Personalised book suggestions with reasons ("Based on your CS reads", "Highly rated", etc.)
- Fallback to popularity-based recommendations for new users
- Animated loading effect on dashboard
- Book Catalogue — 20 pre-loaded books across 10 categories with Grid/List view
- Issue & Return — Full workflow with due date tracking
- Fine Management — Auto-calculated overdue fines (₹5/day configurable)
- Member Management — Add, activate/deactivate, view history
- Transaction History — Complete logs with CSV export
- Reports & Analytics — Charts, top books, category stats, monthly trends
- Elegant gold & dark sidebar design
- Responsive layout (desktop + mobile)
- Dark mode toggle
- Animated page transitions
- Toast notifications
- Modal dialogs with smooth animations
- CSS noise texture and gradient backgrounds
Playfair Display+DM Sans+JetBrains Monotypography
| Role | Password | |
|---|---|---|
| Admin | admin@library.com |
admin123 |
| Librarian | librarian@library.com |
lib123 |
| Student | student@library.com |
pass123 |
💡 Tip: Press
/anywhere to instantly focus the search bar
- Fork this repository or create a new one
- Upload
index.htmlto the repository root - Go to Settings → Pages
- Set Source to
mainbranch → Click Save - Your site will be live at:
https://YOUR-USERNAME.github.io/REPO-NAME
- Go to netlify.com
- Drag & drop
index.htmlonto the deploy zone - Get an instant live URL
# Just open the file directly in any browser:
# Double-click index.html OR
# Serve with Python:
python -m http.server 8080
# Visit: http://localhost:8080📦 biblioai-library/
├── 📄 index.html ← Entire application (HTML + CSS + JS)
└── 📄 README.md ← This file
Everything is self-contained in one file — no npm, no build tools, no server required.
| Layer | Technology |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 (Variables, Grid, Flexbox, Animations) |
| Logic | Vanilla JavaScript (ES6+) |
| Fonts | Google Fonts (Playfair Display, DM Sans, JetBrains Mono) |
| Icons | Font Awesome 6 |
| Storage | localStorage (browser-based persistence) |
| AI Engine | Custom JS collaborative filtering algorithm |
| # | Title | Category |
|---|---|---|
| 1 | Introduction to Algorithms — Cormen | Computer Science |
| 2 | Clean Code — Robert C. Martin | Computer Science |
| 3 | Design Patterns — Gang of Four | Computer Science |
| 4 | The Pragmatic Programmer | Computer Science |
| 5 | Python for Data Analysis | Computer Science |
| 6 | Deep Learning — Goodfellow | Computer Science |
| 7 | Designing Data-Intensive Applications | Computer Science |
| 8 | The Art of Computer Programming | Computer Science |
| 9 | Calculus: Early Transcendentals | Mathematics |
| 10 | Linear Algebra Done Right | Mathematics |
| 11 | The Art of Problem Solving | Mathematics |
| 12 | Fundamentals of Physics — Halliday | Physics |
| 13 | To Kill a Mockingbird | Literature |
| 14 | 1984 — George Orwell | Literature |
| 15 | Sapiens: A Brief History — Harari | History |
| 16 | Thinking Fast and Slow — Kahneman | Economics |
| 17 | Engineering Mechanics: Statics | Engineering |
| 18 | Organic Chemistry — Bruice | Chemistry |
| 19 | The Gene — Mukherjee | Biology |
| 20 | The Elements of Typographic Style | Art & Design |
All settings are configurable from Admin → Settings:
| Setting | Default | Description |
|---|---|---|
| Fine per day | ₹5 | Overdue fine rate |
| Max issue days | 14 | Loan period |
| Max books per student | 3 | Simultaneous issue limit |
| Library name | BiblioAI University Library | Display name |
- Firebase integration for real-time multi-user database
- QR code based book issue/return
- Email notifications for due dates
- Advanced ML recommendation model
- Mobile PWA (installable app)
- RFID scanner integration
- Multi-branch support
- Book reservation system
This project is licensed under the MIT License — free to use, modify, and distribute.
Made with ❤️ for academic library management
BiblioAI — Where knowledge meets intelligence