Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saqibbedar/curd-mern-app
A simple CURD - MERN Stack application with good looking UI and all functionalities.
https://github.com/saqibbedar/curd-mern-app
curd-application curd-operation mern mern-project mern-stack mern-stack-development
Last synced: 22 days ago
JSON representation
A simple CURD - MERN Stack application with good looking UI and all functionalities.
- Host: GitHub
- URL: https://github.com/saqibbedar/curd-mern-app
- Owner: saqibbedar
- Created: 2024-05-18T12:08:18.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-28T08:14:51.000Z (8 months ago)
- Last Synced: 2024-05-28T20:17:16.553Z (8 months ago)
- Topics: curd-application, curd-operation, mern, mern-project, mern-stack, mern-stack-development
- Language: JavaScript
- Homepage: https://curd-mern-app-frontend.vercel.app/
- Size: 655 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CURD - MERN Stack Application
This is a simple CRUD (Create, Read, Update, Delete) application built using MongoDB, Express.js, React.js, and Node.js (MERN Stack).
## Live Preview
You can check out the live version of the app [here](https://curd-mern-app-frontend.vercel.app/).
## Getting Started
To get started read the instructions below carefully.
### Prerequisites
- Node.js
- MongoDB
- npm
### Installation
1. Clone the repo
```bash
git clone https://github.com/saqibbedar/CURD-MERN-App.git
```
### Install NPM packages
```bash
npm install
```
### Setup your database
You can setup the database by getting URL from your mongodb atlas account or also you can use your compass if you have installed locally.
- copy MONGODB URL
- Create `.env` file and paste your url into a env-variable i.e. `MONGO_URL = "YOUR URL"`
- Also, create a env-variable for `PORT` i.e. `PORT = "3000"`.
### Start server
```bash
npm start
```
### Setup frontend
You are suppose to change the baseURL with your desired url in `url.js` file and you are done.
## Note
Make sure to run npm commands into specific directories, for example if you want to work with backend file then first open terminal and then change the directory first i.e. `cd .\backend\` and now run npm command to install npm packages and do same for frontend.
## Contributions 😍
As usual, contributions are always welcome, if you have any feature then fell free contribute it.
Happy coding 🚀