BookRider is a modern web application for a library book delivery platform. It provides intuitive, high-performance interfaces for librarians, library administrators, and system administrators to manage books, readers, and delivery-based lending workflows.
- 🟦 TypeScript
- ⚛️ React
- ⚡ Vite
- 🎨 Tailwind CSS
The Librarian Dashboard delivers a smooth and intuitive experience built around modern web design and usability principles. Features such as lazy loading and infinite scrolling ensure efficient interaction with large book collections and frequent order activity.
- 🔍 Book search and filtering
- ➕➖ Add and remove books from the library catalog
- 📘 Add new books to both the system and the library
- 🆔 Register readers by linking library card IDs
- 🚚 Book lending with on-demand delivery
- 📦 Book returns via delivery or in-person
- 🔔 Toast notifications for newly created reader orders
The order management screen presents ongoing, accepted, and completed orders in a single, unified view.
Librarians can verify and accept orders, hand off books to the assigned driver, and complete the process with minimal steps.
Ordering Demo
orders2.mp4
In addition to in-person returns, delivery-based returns allow librarians to verify the driver’s ID, confirm the returned books, and finalize the return quickly and efficiently.
Returns Demo
return.mp4
Books can be added or removed using a clean, searchable interface designed for speed and clarity.
- ➕ Add books through filtered search and selection
- ➖ Remove books using in-library filtering and confirmation
Add & Remove Books Demo
add_delete.mp4
Readers can be added by entering their information and linking a library card ID.
Existing readers can be searched by ID to view account details.
Add & Search Readers Demo
readers.mp4
The Library Administrator Dashboard enables efficient management of librarian accounts and library onboarding through a clear and streamlined interface.
- ➕ Add librarian accounts
- 🗑️ Remove librarian accounts
- 🔑 Reset librarian passwords
- 🔍 Search and manage librarians
Add & Remove Librarians Demo
add_reset_librarian.mp4
The System Administrator Dashboard supports review and approval of library and driver submissions through a structured and easy-to-use interface.
- 📄 View library and driver submissions
- ✅ Accept submissions
- ❌ Reject submissions with predefined or custom reasons
- 🔔 Toast notifications for new submissions
Submission Review Demo
sys_admin.mp4
This project was developed as part of a team collaboration, with multiple contributors working together to design and implement the complete BookRider system.
We coordinated via GitHub, code reviews, and shared design discussions 🗨️ to maintain a smooth and efficient development workflow.
My contributions included:
- ⚛️ Implementing the frontend dashboards for librarians, administrators, and system administrators
- 🔍 Optimizing book search and order management UI with features like lazy loading and infinite scrolling
- 📱 Ensuring a responsive and intuitive user experience across the application
- 🎨 Establishing the design philosophy and color scheme for all BookRider apps
Together, our team delivered a high-performance, user-friendly platform that includes a web application 💻, a robust backend 🛠️, and two mobile apps 📲 for readers and drivers, streamlining library book management and on-demand delivery.
For the full project, including all features and contributions, see the main repository: BookRider Main Repo.