🤘 MERN Stack CRUD Application

Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM. Developed with ❤️ by Henok R. Bedassa. If you love my project please star ⭐️ my repo!

You can import the JSON File named 'Cruds' to your MongoDB. You will find it in the Server Folder

Download | Developer Portfolio

Table View

You will find all the CRUD operations here. Create, Read, Update and Delete

CRUD Form

Here you can create new data

Grid View

This is an optional Grid View

• Divided to 4 Cols
• Clickabel Phone and Web URL

List View

This is an optional List View

• Clickabel Phone and Web URL

Details View

Details view by Id

• Clickabel Phone and Web URL

Installation

1. Clone repository

git clone https://github.com/jackbalageru/MERN-CRUD.git

Install Client (React Files)

2. Get in the client folder

cd client

3. Install dependencies via npm or yarn

npm i

4. Start Client

npm start

Install Server (Node Files)

2. Get in the server folder

cd server

3. Install dependencies via npm or yarn

npm i

4. Start Server

nodemon server

Install Database (JSON File)

2. Get in the server folder

cd server

3. Import the following file to your MongoDB

Cruds

Support

For any additional information please refer to Henok R. Bedassa.

Thank you