https://github.com/henokrb/mern-crud

MERN CRUD
https://github.com/henokrb/mern-crud

express expressjs mern-crud mern-crud-web mern-stack mongodb mongoose node node-js nodejs pwa pwa-app pwa-apps react reactjs

Last synced: about 2 hours ago
JSON representation

MERN CRUD

• Host: GitHub
• URL: https://github.com/henokrb/mern-crud
• Owner: henokrb
• Created: 2022-03-07T16:04:24.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-03T09:15:09.000Z (17 days ago)
• Last Synced: 2024-11-03T10:18:08.222Z (17 days ago)
• Topics: express, expressjs, mern-crud, mern-crud-web, mern-stack, mongodb, mongoose, node, node-js, nodejs, pwa, pwa-app, pwa-apps, react, reactjs
• Language: JavaScript
• Homepage: https://mern-crud-henny.netlify.app/
• Size: 605 KB
• Stars: 59
• Watchers: 3
• Forks: 43
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🤘 MERN CRUD app

MERN Stack CRUD built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM.

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

[Download](https://github.com/jackbalageru/MERN-CRUD) | [Developer Portfolio](https://heny.dev)

**Developed with ❤️ by [Henok R. Bedassa](https://heny.dev). If you love my project please star ⭐️ my repo!**

## Table View

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

[![image](https://atlanticplc.com/wp-content/uploads/mern-crud/CRUD_Table_View.png)](https://heny.dev)

## CRUD Form

Here you can create new data

[![image](https://atlanticplc.com/wp-content/uploads/mern-crud/CRUD_Create.png)](https://heny.dev)

## Grid View

This is an optional Grid View

- Divided to 4 Cols

- Clickabel Phone and Web URL

[![image](https://atlanticplc.com/wp-content/uploads/mern-crud/CRUD_Grid_View.png)](https://heny.dev)

## List View

This is an optional List View

- Clickabel Phone and Web URL

[![image](https://atlanticplc.com/wp-content/uploads/mern-crud/CRUD_List_View.png)](https://heny.dev)

## Details View

Details view by Id

- Clickabel Phone and Web URL

[![image](https://atlanticplc.com/wp-content/uploads/mern-crud/CRUD_Details_Page.png)](https://heny.dev)

## Installation

1. Clone repository

```shell

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

```

## Install Client (React Files)

2. Get in the client folder

```shell

cd client

```

3. Install dependencies via npm or yarn

```shell

npm i

```

4. Start Client

```shell

npm start

```

## Install Server (Node Files)

2. Get in the server folder

```shell

cd server

```

3. Install dependencies via npm or yarn

```shell

npm i

```

4. Start Server

```shell

nodemon server

```

## Install Database (JSON File)

2. Get in the server folder

```shell

cd server

```

3. Import the following file to your MongoDB

```shell

Cruds

```

## Support

For any additional information please refer to [Henok R. Bedassa](https://heny.dev).

**Thank you**