{"id":24837264,"url":"https://github.com/mr-mudgal/bookmanagementsystem","last_synced_at":"2026-04-10T06:32:55.003Z","repository":{"id":231175231,"uuid":"781059123","full_name":"mr-mudgal/BookManagementSystem","owner":"mr-mudgal","description":"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.","archived":false,"fork":false,"pushed_at":"2025-01-19T21:05:01.000Z","size":468,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-07T04:34:38.334Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mr-mudgal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-04-02T17:10:57.000Z","updated_at":"2025-01-19T21:09:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"c2b230e6-0465-4045-af66-28245dd159c0","html_url":"https://github.com/mr-mudgal/BookManagementSystem","commit_stats":null,"previous_names":["mr-mudgal/bookmanagementsystem"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mr-mudgal/BookManagementSystem","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr-mudgal%2FBookManagementSystem","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr-mudgal%2FBookManagementSystem/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr-mudgal%2FBookManagementSystem/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr-mudgal%2FBookManagementSystem/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mr-mudgal","download_url":"https://codeload.github.com/mr-mudgal/BookManagementSystem/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mr-mudgal%2FBookManagementSystem/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267150480,"owners_count":24043473,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-26T02:00:08.937Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2025-01-31T05:53:41.400Z","updated_at":"2025-12-30T19:54:25.090Z","avatar_url":"https://github.com/mr-mudgal.png","language":"JavaScript","readme":"This MERN Full Stack website is simple yet attractive in looks.\n\n## It consists of 3 pages  as follows:\n1. Home - Where a general overview of the website is given, mentioning it's feature and how to use it and other information.\n2. 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.\n3. Create New Book - Where you can create a new book post filling few details.\n\n# Highlights of the Website:\n* Search Functionality - You can start typing it and searches for the book in real-time.\n* 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.\n* 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.\n* 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.\n\n# Steps to run application: \u003cbr\u003e\n1. ```git clone https://github.com/mr-mudgal/BookManagementSystem.git``` or download the zip.\n2. Move to the folder of book management system.\n3. To start the weekend go to the BMS-backend.\n4. Now execute command ```npm i```, to download all the NPM dependencies also create .env file to store the database credentials.\n5. Now execute the command ```npm start```, they should run the backend server on port 8080.\n6. 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.\n7. 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.\n\n# Technology Stack Used:\n* MongoDB - For storing the book details.\n*  React.JS - For creating front-end.\n* Node.JS - For developing back-end.\n* Express.JS - For developing back-end API's.\n\n# Snapshots:\n### PC View\nHome Page!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 03 18 07\" src=\"https://github.com/user-attachments/assets/1634f79f-b4bd-4d5c-83fb-2bc10b2a973d\" /\u003e\nRead All Book Page!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 13 49 29\" src=\"https://github.com/user-attachments/assets/dcca8bd8-4d21-479e-a5fa-f5c56ebf3a08\" /\u003e\nEdit Pop Up!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 13 48 56\" src=\"https://github.com/user-attachments/assets/b4825182-b30a-4efc-8b59-f140345478cd\" /\u003e\nEdit Confirmation!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 13 50 14\" src=\"https://github.com/user-attachments/assets/59136e03-fb2f-4853-8861-5a7faeb18d0d\" /\u003e\nToast Notification!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 13 50 22\" src=\"https://github.com/user-attachments/assets/b9faadf2-bb1e-4537-abd7-93e551068762\" /\u003e\nDeletion Confirmation!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 13 50 35\" src=\"https://github.com/user-attachments/assets/b3a43240-d2d9-43db-98a6-fa463ce75a03\" /\u003e\nCreate New Book!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 03 21 15\" src=\"https://github.com/user-attachments/assets/708aba53-b404-4f17-a2c5-26383bf5cb5b\" /\u003e\nSearch in Action!\n\u003cimg width=\"1280\" alt=\"Screenshot 2025-01-19 at 13 54 47\" src=\"https://github.com/user-attachments/assets/bb83c511-8d1b-4aca-81ee-c3faf2e21dd2\" /\u003e\n### Mobile View\nHome Page!\u003cbr\u003e\n\u003cimg width=\"401\" alt=\"Screenshot 2025-01-19 at 13 59 34\" src=\"https://github.com/user-attachments/assets/b06ba685-3c2b-4f2e-9869-63ecb2cbd610\" /\u003e\n\u003cbr\u003eHamburger Menu!\u003cbr\u003e\n\u003cimg width=\"401\" alt=\"Screenshot 2025-01-19 at 13 59 41\" src=\"https://github.com/user-attachments/assets/c01e62ab-0094-43e3-81c0-b1b7ce62cfd7\" /\u003e\n\u003cbr\u003eRead All Books!\u003cbr\u003e\n\u003cimg width=\"401\" alt=\"Screenshot 2025-01-19 at 14 00 05\" src=\"https://github.com/user-attachments/assets/f6729379-9aa8-459f-ae66-425a7135ccaa\" /\u003e\n\u003cbr\u003eEdit Pop Up!\u003cbr\u003e\n\u003cimg width=\"401\" alt=\"Screenshot 2025-01-19 at 14 00 48\" src=\"https://github.com/user-attachments/assets/e7e171ee-77ff-4f3d-a5d3-634488f31731\" /\u003e\n\u003cbr\u003eCreate New Book!\u003cbr\u003e\n\u003cimg width=\"401\" alt=\"Screenshot 2025-01-19 at 14 01 36\" src=\"https://github.com/user-attachments/assets/fe552cd0-82c6-43e7-826f-5c6022fb17f5\" /\u003e\n\u003cbr\u003eSearch in Action!\u003cbr\u003e\n\u003cimg width=\"401\" alt=\"Screenshot 2025-01-19 at 14 02 02\" src=\"https://github.com/user-attachments/assets/9782ded8-8433-4b69-a679-1d2c5ec51b52\" /\u003e\n\nEnjoy the website!\n\u003cbr\u003e\n\u003cp align=\"right\"\u003eThank You\u003c/p\u003e\n\u003cpre align=\"right\"\u003e⎬coded by⎨ ⌘‣ \u003ca href=\"https://github.com/mr-mudgal\" style=\"color: green\"\u003eMr. Mudgal\u003c/a\u003e\u003c/pre\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmr-mudgal%2Fbookmanagementsystem","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmr-mudgal%2Fbookmanagementsystem","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmr-mudgal%2Fbookmanagementsystem/lists"}