/FullStack_Library_Management_System

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

Primary LanguageJavaScript

๐Ÿ“š Library Management System

๐Ÿ“œ 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 Material-UI MUI Icons Material Axios Emotion React Emotion Styled React Toastify

Backend:

Cors Dotenv Express Express Async Errors PG Sequelize SQLite3

๐Ÿš€ 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
    git clone [https://github.com/samedfft2634/FullStack_Library_Management_System.git]
    
  2. Install NPM packages
    npm install / yarn install
  3. To run the project locally:
    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: samed.fent1@gmail.com
Project Link: Live

๐Ÿ—‚ View My Other Projects

โซ Back to Top โซ