? 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

image

CRUD Form

Here you can create new data

image

Grid View

This is an optional Grid View

  • Divided to 4 Cols
  • Clickabel Phone and Web URL

image

List View

This is an optional List View

  • Clickabel Phone and Web URL

image

Details View

Details view by Id

  • Clickabel Phone and Web URL

image

Installation

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

Install Client (React Files)

  1. Get in the client folder
cd client
  1. Install dependencies via npm or yarn
npm i
  1. Start Client
npm start

Install Server (Node Files)

  1. Get in the server folder
cd server
  1. Install dependencies via npm or yarn
npm i
  1. Start Server
nodemon server

Install Database (JSON File)

  1. Get in the server folder
cd server
  1. Import the following file to your MongoDB
Cruds

Support

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

Thank you

GitHub

View Github