Skip to content

sujoncoder/Library_Management-Frontend

Repository files navigation

📚 Minimal Library Management System

A minimalist, responsive library management web application built with React, Redux Toolkit Query, TypeScript, and Tailwind CSS. It supports book management, borrowing books, and viewing borrow summaries—all through a clean UI and fully functional frontend.


🚀 Live Demo

Frontend: https://your-frontend-url.com
Backend: https://library-management-api-nine-plum.vercel.app/


🧑‍💻 Code Demo

Frontend: https://github.com/sujoncoder/Library_Management-Frontend
Backend: https://github.com/sujoncoder/Library-Management-API


🧰 Tech Stack

Layer Technology
Frontend React + TypeScript
State Mgmt Redux Toolkit + RTK Query
UI Framework Tailwind CSS + Lucide Icons + Sonner
Backend Node.js + Express.js
Database MongoDB + Mongoose
Hosting Vercel (Frontend) / Render / Cyclic (Backend)

✨ Features

🔓 Public Routes

  • No login or authentication required.

📘 Book Management

  • View all books in a responsive table
  • Add a new book
  • Edit book details
  • Delete a book with confirmation
  • Borrow a book from the list

📤 Borrow Books

  • Enter quantity and due date
  • Borrow copies (max limited by availability)
  • Automatically mark as unavailable if copies = 0

📊 Borrow Summary

  • See total borrowed quantity for each book
  • Displays Book Title, ISBN, and Quantity

Happy Codding... 🧑‍💻