https://github.com/mr-mudgal/bookmanagementsystem
A visually appealing and functional Book Management System built with the MERN stack. This application offers an intuitive interface for managing book records while demonstrating modern UI principles and real-time functionality.
https://github.com/mr-mudgal/bookmanagementsystem
express-js expressjs mern mern-crud mern-project mern-stack mern-stack-app mern-stack-development mernstack model-view-controller mongodb mongodb-atlas mongodb-database mongoose mvc-architecture mvc-framework node-js nodejs rea reactjs
Last synced: 7 days ago
JSON representation
A visually appealing and functional Book Management System built with the MERN stack. This application offers an intuitive interface for managing book records while demonstrating modern UI principles and real-time functionality.
- Host: GitHub
- URL: https://github.com/mr-mudgal/bookmanagementsystem
- Owner: mr-mudgal
- Created: 2024-04-02T17:10:57.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2025-01-19T21:05:01.000Z (about 1 year ago)
- Last Synced: 2025-06-07T04:34:38.334Z (10 months ago)
- Topics: express-js, expressjs, mern, mern-crud, mern-project, mern-stack, mern-stack-app, mern-stack-development, mernstack, model-view-controller, mongodb, mongodb-atlas, mongodb-database, mongoose, mvc-architecture, mvc-framework, node-js, nodejs, rea, reactjs
- Language: JavaScript
- Homepage:
- Size: 457 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This MERN Full Stack website is simple yet attractive in looks.
## It consists of 3 pages as follows:
1. Home - Where a general overview of the website is given, mentioning it's feature and how to use it and other information.
2. Read All Books - Where all the books are displayed in an awesome table, where you get the functionality of sorting, filtering, download the table, pagination and more functionality.
3. Create New Book - Where you can create a new book post filling few details.
# Highlights of the Website:
* Search Functionality - You can start typing it and searches for the book in real-time.
* Notifiers - Every action edit and delete or creating a new book gives a small toast notification at the top middle of the side, which stays for few seconds.
* Confirmation Pop-ups - Every action like deleting a book or editing a book or creating a new book or even the setting the form to create a new book ask for a confirmation before actually doing the action.
* Modern UI - The website have modern UI where you can find translucent navigation bar attractive colors. The elements have rounded corners. It also have matching color contrast.
# Steps to run application:
1. ```git clone https://github.com/mr-mudgal/BookManagementSystem.git``` or download the zip.
2. Move to the folder of book management system.
3. To start the weekend go to the BMS-backend.
4. Now execute command ```npm i```, to download all the NPM dependencies also create .env file to store the database credentials.
5. Now execute the command ```npm start```, they should run the backend server on port 8080.
6. Now go to the bms-frontend, and execute the command ```npm i```, to download NPM dependencies for front end and also create a .env file to store REACT_APP_API_URL.
7. Now execute the command, ```npm start```, after a few seconds it will automatically open a browser, and you will see the homepage of the website.
# Technology Stack Used:
* MongoDB - For storing the book details.
* React.JS - For creating front-end.
* Node.JS - For developing back-end.
* Express.JS - For developing back-end API's.
# Snapshots:
### PC View
Home Page!
Read All Book Page!
Edit Pop Up!
Edit Confirmation!
Toast Notification!
Deletion Confirmation!
Create New Book!
Search in Action!
### Mobile View
Home Page!
Hamburger Menu!
Read All Books!
Edit Pop Up!
Create New Book!
Search in Action!
Enjoy the website!
Thank You
⎬coded by⎨ ⌘‣ Mr. Mudgal