Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/akku27-cse/crud_mern_stack_application

Simple CRUD application
https://github.com/akku27-cse/crud_mern_stack_application

Last synced: about 1 month ago
JSON representation

Simple CRUD application

Awesome Lists containing this project

README

        

# CRUD_MERN_STACK_APPLICATION
#for react install: npx i create-raect-app
#Mongoose and MongoDb
# NodeMon
#https://mui.com/material-ui/ --->use this and Bootstrap for good Frontend

#Front View
![main](https://github.com/akku27-cse/CRUD_MERN_STACK_APPLICATION/assets/115920400/f23e9d96-fe8c-4dec-babe-4c1692608866)
#Profile view--

![output2](https://github.com/akku27-cse/CRUD_MERN_STACK_APPLICATION/assets/115920400/bbac41e9-1f28-46b4-93f5-a9f742587416)

#Data Add View:
![output1](https://github.com/akku27-cse/CRUD_MERN_STACK_APPLICATION/assets/115920400/5beba952-7b2a-48ea-a504-02c0b4ec3e15)
#Data Update View:
![edit](https://github.com/akku27-cse/CRUD_MERN_STACK_APPLICATION/assets/115920400/09a8f241-6a3c-4b8e-9ee4-d7f592deda12)
#Data Store View
![database](https://github.com/akku27-cse/CRUD_MERN_STACK_APPLICATION/assets/115920400/ca2b8f7c-9a57-4272-bd6a-ea2f903ba16c)

## Installation

1. Clone repository

```shell
git clone https://github.com/akku27-cse/CRUD_MERN_STACK_APPLICATION.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
```
[Developer Portfolio](https://protfolio-eb371.web.app/)\n
#Thank You