A complete full-stack web application built using the MERN ecosystem (MongoDB, Express.js, React, Node.js). This app allows users to manage a book inventory, browse through lists, view details, and perform complete CRUD operations through a clean, responsive layout.
- Frontend: React.js, Tailwind CSS (or Axios)
- Backend: Node.js, Express.js
- Database: MongoDB Atlas (Mongoose Object Modeling)
- Full CRUD Operations: Create, Read, Update, and Delete book profiles seamlessly.
- RESTful API Architecture: Robust endpoints managing backend operations.
- Responsive Design: Optimized experience across mobile, tablet, and desktop viewports.
- Environment Security: Secret database URLs and credentials hidden using
.env.
BOOKSTOREAPP/
├── Backend/ # Node.js + Express backend setup
│ ├── controller/ # API logic controllers
│ ├── model/ # Mongoose database schemas
│ ├── route/ # Backend routing configurations
│ ├── .env # Private environment configurations (Ignored)
│ └── index.js # Server entry file
├── Frontend/ # React user interface
└── .gitignore # Rules controlling what Git uploads
Follow these simple steps to run this application on your local machine:
git clone https://github.com
cd book-StoreNavigate to the Backend directory, install packages, and create your environment variables file:
cd Backend
npm installCreate a .env file inside the Backend folder and add your connection string:
PORT = 5000
mongoDBURL = your_mongodb_connection_string_here
Start your development server:
npm start
# or npm run dev (depending on your package.json script)Open a new terminal window, navigate to the Frontend directory, install packages, and start the layout viewer:
cd Frontend
npm install
npm run dev| Method | Endpoint | Description |
|---|---|---|
| POST | /books |
Register a new book to the database |
| GET | /books |
Retrieve all books in storage |
| GET | /books/:id |
Fetch unique details of a single book |
| PUT | /books/:id |
Update structural information of a book |
| DELETE | /books/:id |
Drop a book entry permanently |