A simple Library with CRUD operations, made with the MERN Stack. It wasnt like any other planned project and I just went on adding basic features. Works as a library tho. And I loved using MongoDB.

1. Add Books
2. Edit Books
3. Delete Books
4. Search Books

You would have to start the server, and have mongo db installed to run the backend. For the Front end, you can visit the The Deployed Website or run it locally.

The project has the following file structure:

bookstore
├── backend
│   ├── controllers
│   │   └── books.js
│   ├── models
│   │   └── Book.js
│   ├── routes
│   │   └── api.js
│   ├── app.js
│   ├── package.json
│   └── README.md
├── frontend
├── README.md
├── package-lock.json
├── package.json
├── public
│   ├── android-chrome-192x192.png
│   ├── android-chrome-512x512.png
│   ├── apple-touch-icon.png
│   ├── browserconfig.xml
│   ├── favicon-16x16.png
│   ├── favicon-32x32.png
│   ├── favicon.ico
│   ├── icon.png
│   ├── index.html
│   ├── manifest.json
│   ├── mstile-150x150.png
│   ├── robots.txt
│   ├── safari-pinned-tab.svg
│   └── site.webmanifest
├── src
│   ├── App.js
│   ├── components
│   │   ├── NavbarWithSearch.js
│   │   └── ui
│   │       ├── Book.css
│   │       ├── Book.js
│   │       ├── Rupee.js
│   │       └── SolarTeaCupBoldDuotone.js
│   ├── context
│   │   ├── BaseUrlContext.js
│   │   └── SearchResults.js
│   ├── index.js
│   ├── input.css
│   ├── pages
│   │   ├── AddBooks.js
│   │   ├── DeleteBooks.js
│   │   ├── Home.js
│   │   ├── SearchResult.js
│   │   └── UpdateBooks.js
│   └── style.css
└── tailwind.config.js
└── README.md

The backend directory contains the backend application, which consists of the controllers, models, and routes directories, as well as the app.js file, package.json file, and README.md file.

The frontend directory contains the frontend application, which consists of the index.html, main.js, and style.css files, as well as the package.json file and README.md file.

The root directory contains the main README.md file for the project.

The backend application is built with Node.js and Express, and uses MongoDB as the database.

The controllers/books.js file exports a class BooksController which has methods to handle CRUD operations for books. It uses the Book model to interact with the database.

The models/Book.js file exports a class Book which represents a book in the database. It uses the mongoose library to define the schema and model for the book.

The routes/api.js file exports a function setApiRoutes which sets up the API routes for the application. It uses the BooksController to handle the routes for books.

The app.js file is the entry point of the backend application. It creates an instance of the express app, sets up middleware, and sets up the API routes.

The package.json file is the configuration file for npm. It lists the dependencies and scripts for the backend application.

The README.md file contains the documentation for the backend application.

The frontend application is built with HTML, CSS, and JavaScript.

The index.html file is the HTML file for the frontend application. It contains a form to add a book and a table to display the list of books.

The main.js file is the JavaScript file for the frontend application. It contains functions to handle form submission and to fetch and display the list of books.

The style.css file is the CSS file for the frontend application. It contains styles for the HTML elements in the application.

The package.json file is the configuration file for npm. It lists the dependencies and scripts for the frontend application.

The README.md file contains the documentation for the frontend application.

This project is a simple example of a book store application built with Node.js, Express, and MongoDB on the backend, and HTML, CSS, and JavaScript on the frontend.

1. Express
2. Mongoose
3. React
4. Node
5. MongoDB
6. Tailwind CSS
7. React Router
8. Heroicons
9. Material Tailwind

Thanks to Parents, Teachers and Friends for helping me out, as always...