This is the frontend application for the Library Management System (LMS), built using React and Vite. It provides an intuitive user interface for managing books, members, transactions, fines, and notifications.
- Displays key statistics such as total books, active members, borrowed books, and overdue books.
- Shows recent transactions and overdue books.
- Add, edit, and delete books.
- Manage book details such as title, author, genre, ISBN, year published, and available copies.
- Add, edit, and delete members.
- Manage member details such as name, email, phone, address, and status.
- Record book borrowing and returning transactions.
- Automatically calculate return dates based on borrowing date.
- View recent and all transactions.
- Manage overdue books and fines.
- Add new fines for members.
- View fines summary and mark fines as paid.
- Configure notification settings for due date reminders, overdue alerts, and fine notifications.
- View notification history.
- Send custom notifications to members.
lms-app/
├── .gitignore
├── eslint.config.js
├── index.html
├── package.json
├── README.md
├── vite.config.js
├── public/
├── src/
│ ├── App.css
│ ├── App.jsx
│ ├── index.css
│ ├── main.jsx
│ ├── api/
│ │ ├── bookService.js
│ │ ├── fineService.js
│ │ ├── memberService.js
│ │ ├── notificationService.js
│ │ ├── transactionService.js
│ ├── components/
│ │ ├── BookManagement.jsx
│ │ ├── BorrowReturn.jsx
│ │ ├── Dashboard.jsx
│ │ ├── MemberManagement.jsx
│ │ ├── NavItem.jsx
│ │ ├── Notifications.jsx
│ │ ├── NotificationsIcon.jsx
│ │ ├── OverdueFines.jsx
-
Clone the repository:
git clone https://github.com/Cognizant-nehalmr/LMS-APP.git cd lms-app
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open the application in your browser at
http://localhost:3000
.
npm run dev
: Start the development server.npm run build
: Build the application for production.npm run preview
: Preview the production build.npm run lint
: Run ESLint to check for code quality issues.
- React: For building the user interface.
- Vite: For fast development and build tooling.
- Tailwind CSS: For styling the application.
- Axios: For making API requests.
- React Router: For routing between pages.
The application integrates with backend services using Axios. The following API modules are available:
bookService.js
: Manage books.memberService.js
: Manage members.transactionService.js
: Manage transactions.fineService.js
: Manage fines.notificationService.js
: Manage notifications.
You can customize the application by modifying the components in the src/components/
directory or the API modules in the src/api/
directory.
This project is licensed under the MIT License.