Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/samedfft2634/fullstack_library_management_system

This project is a Library Management System. Users can add, delete and update books.
https://github.com/samedfft2634/fullstack_library_management_system

cors dotenv expressjs mui pg react sequelize-orm sqlite3 toast-notifications

Last synced: about 2 months ago
JSON representation

This project is a Library Management System. Users can add, delete and update books.

Awesome Lists containing this project

README

        

# ๐Ÿ“š Library Management System



LibraryGif

Library Management System (LMS)



๐Ÿš€ Click Here for Live Demo ๐Ÿš€ ยป



## ๐Ÿ“œ Project Description

Reading is like poison, once it gets into the body, you can never get rid of it.
The project is a library management system. Users can add new books,
delete or edit existing books. ๐Ÿ˜Š

> [!IMPORTANT]
> This project is a Full Stack project.


FullStack_Library_Management_System Project Skeleton



FullStack_Library_Management_System
โ”œโ”€โ”€ backend
โ”‚ โ”œโ”€โ”€ src
โ”‚ โ”‚ โ”œโ”€โ”€ controllers
โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ lms.controller.js // Control the CRUD operations.
โ”‚ โ”‚ โ”œโ”€โ”€ models
โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ lms.model.js // Sequelize Book model
โ”‚ โ”‚ โ””โ”€โ”€ routes
โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ lms.router.js // Express.js routes for book CRUD operations
โ”‚ โ”‚ โ””โ”€โ”€ errorHandler.js
โ”‚ โ”œโ”€โ”€ .gitignore // Ignore deploying node_modules.
โ”‚ โ”œโ”€โ”€ db.sqlite3 // db file.
โ”‚ โ”œโ”€โ”€ index.js // Express.js server setup
โ”‚ โ””โ”€โ”€ package.json // Node.js project configuration
โ”œโ”€โ”€ frontend
โ”‚ โ”œโ”€โ”€ public
โ”‚ โ”‚ โ””โ”€โ”€ book.svg
โ”‚ โ”œโ”€โ”€ src
โ”‚ โ”‚ โ”œโ”€โ”€ assets
โ”‚ โ”‚ โ”œโ”€โ”€ BookCard
โ”‚ โ”‚ โ”‚ โ”œโ”€โ”€ BookCard.jsx
โ”‚ โ”‚ โ”‚ โ””โ”€โ”€ CardModal.jsx
โ”‚ โ”‚ โ”œโ”€โ”€ App.css
โ”‚ โ”‚ โ”œโ”€โ”€ App.jsx
โ”‚ โ”‚ โ”œโ”€โ”€ index.css
โ”‚ โ”‚ โ””โ”€โ”€ main.jsx
โ”‚ โ”œโ”€โ”€ index.html
โ”‚ โ”œโ”€โ”€ package.json
โ”‚ โ””โ”€โ”€ vite.config.js
โ””โ”€โ”€ README.md // Project documentation


## ๐Ÿ“œ Created With
Frontend:


![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![Material-UI](https://img.shields.io/badge/Material--UI-007FFF?style=for-the-badge&logo=mui&logoColor=white)
![MUI Icons Material](https://img.shields.io/badge/MUI%20Icons%20Material-007FFF?style=for-the-badge&logo=mui&logoColor=white)
![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white)
![Emotion React](https://img.shields.io/badge/Emotion%20React-DB7093?style=for-the-badge&logo=emotion&logoColor=white)
![Emotion Styled](https://img.shields.io/badge/Emotion%20Styled-DB7093?style=for-the-badge&logo=emotion&logoColor=white)
![React Toastify](https://img.shields.io/badge/React%20Toastify-FFC107?style=for-the-badge&logo=react-toastify&logoColor=white)

Backend:


[![Cors](https://img.shields.io/badge/Cors-2.8.5-green?style=for-the-badge)](https://img.shields.io/badge/Cors-2.8.5-green?style=for-the-badge)
[![Dotenv](https://img.shields.io/static/v1?label=Dotenv&message=16.4.5&color=green&style=for-the-badge&logo=dotenv&logoColor=white)](https://img.shields.io/static/v1?label=Dotenv&message=16.4.5&color=green&style=for-the-badge&logo=dotenv&logoColor=white)
[![Express](https://img.shields.io/static/v1?label=Express&message=4.18.3&color=green&style=for-the-badge&logo=express&logoColor=white)](https://img.shields.io/static/v1?label=Express&message=4.18.3&color=green&style=for-the-badge&logo=express&logoColor=white)
[![Express Async Errors](https://img.shields.io/static/v1?label=Express%20Async%20Errors&message=3.1.1&color=green&style=for-the-badge&logo=express&logoColor=white)](https://img.shields.io/static/v1?label=Express%20Async%20Errors&message=3.1.1&color=green&style=for-the-badge&logo=express&logoColor=white)
[![PG](https://img.shields.io/static/v1?label=PG&message=8.11.3&color=green&style=for-the-badge&logo=postgresql&logoColor=white)](https://img.shields.io/static/v1?label=PG&message=8.11.3&color=green&style=for-the-badge&logo=postgresql&logoColor=white)
[![Sequelize](https://img.shields.io/static/v1?label=Sequelize&message=6.37.1&color=green&style=for-the-badge&logo=sequelize&logoColor=white)](https://img.shields.io/static/v1?label=Sequelize&message=6.37.1&color=green&style=for-the-badge&logo=sequelize&logoColor=white)
[![SQLite3](https://img.shields.io/static/v1?label=SQLite3&message=5.1.7&color=green&style=for-the-badge&logo=sqlite&logoColor=white)](https://img.shields.io/static/v1?label=SQLite3&message=5.1.7&color=green&style=for-the-badge&logo=sqlite&logoColor=white)

## ๐Ÿš€ Getting Started

These instructions will help you get a copy of the project up and running on your local machine for development and testing purposes.

To work with backend folder, open it in integreted Terminal then write nodemon on terminal to run the server.

### Prerequisites

What you need to install the software:

- Node.js
- npm or yarn

### Installing

Follow these steps to get your development environment running:

1. Clone the repository
```sh
git clone [https://github.com/samedfft2634/FullStack_Library_Management_System.git]

```
2. Install NPM packages
```sh
npm install / yarn install
```
3. To run the project locally:
```sh
npm start / yarn start
```

### (This command will start the development server)

## ๐Ÿ“ฑ Responsive Design
Note: There could be many problems on responsive because I'm on learning new technologies. So i focused on this project that backend and frontend should work together :)

Responsive View 1
Responsive View 4
Responsive View 2
Responsive View 3

## ๐Ÿ“ž Contact

Samed Fent: [email protected]

Project Link: Live


[๐Ÿ—‚ View My Other Projects](https://github.com/samedfft2634?tab=repositories)


โซ Back to Top โซ