An open API service indexing awesome lists of open source software.

https://github.com/easycodingtutorial/mern

Build Your First MERN Application in 2024
https://github.com/easycodingtutorial/mern

mern mern-project mern-stack mern-stack-development

Last synced: about 1 month ago
JSON representation

Build Your First MERN Application in 2024

Awesome Lists containing this project

README

          

# MERN Book Store Website using MongoDB, Express.js, React.js, Node.js in 2024

![MERN STACK MAIN](https://github.com/EasyCodingTutorial/MERN/assets/84335112/9ab6134d-a2e6-4fd3-930d-207583e562d2)

This project aims to create a full-stack book store website using the MERN stack (MongoDB, Express.js, React.js, Node.js), allowing users to perform CRUD (Create, Read, Update, Delete) operations on books.

## Features

- **Book Catalog:** Display a catalog of books with details such as title, author, genre, and price.
- **CRUD Operations:** Allow users to perform CRUD operations on books, including adding new books, updating existing ones, and deleting them.

## Technologies Used
- **MongoDB:** A NoSQL database for storing book data.
- **Express.js:** A web application framework for Node.js to build the backend server.
- **React.js:** A JavaScript library for building user interfaces.
- **Node.js:** A JavaScript runtime environment for executing server-side code.

## Getting Started
Follow these steps to get the project up and running on your local machine:

1. Clone this repository to your local machine.
2. Navigate to the project directory.
3. Install dependencies by running `npm install` or `yarn install`.
4. Set up your MongoDB database and connection string.
5. Start the backend server using `npm start` or `yarn start`.
6. Navigate to the client directory (`cd client`) and start the frontend server using `npm start` or `yarn start`.
7. Access the application in your browser at `http://localhost:3000`.

## Contributions
Contributions are welcome! Feel free to open issues for any bugs, feature requests, or suggestions.

## Learn By Watching Video ▶️
[![Watch Demo Video](https://img.youtube.com/vi/FGMh0OtM0UA/maxresdefault.jpg)](https://www.youtube.com/watch?v=FGMh0OtM0UA)