https://github.com/sujoncoder/library_management-frontend

Library Management System Frontend
https://github.com/sujoncoder/library_management-frontend

lucide-icons react-router-dom reactjs redux-toolkit rtk-query sonner tailwind-css typescript

Last synced: 10 months ago
JSON representation

Library Management System Frontend

• Host: GitHub
• URL: https://github.com/sujoncoder/library_management-frontend
• Owner: sujoncoder
• Created: 2025-07-03T09:31:48.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-03T11:12:41.000Z (11 months ago)
• Last Synced: 2025-07-03T12:24:19.013Z (11 months ago)
• Topics: lucide-icons, react-router-dom, reactjs, redux-toolkit, rtk-query, sonner, tailwind-css, typescript
• Language: TypeScript
• Homepage:
• Size: 43.9 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📚 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://library-management-frontend-eight.vercel.app](https://library-management-frontend-eight.vercel.app)  

Backend: [https://library-management-api-nine-plum.vercel.app](https://library-management-api-nine-plum.vercel.app)

---

## 🧑‍💻 Code Demo

Frontend: [https://github.com/sujoncoder/Library_Management-Frontend](https://github.com/sujoncoder/Library_Management-Frontend)  

Backend: [https://github.com/sujoncoder/Library-Management-API](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... 🧑‍💻