Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kuzma02/simple-mern-app
Discover my MERN CRUD app, a prime MERN stack example for robust CRUD operations. It's an exemplary MERN application example that showcases the efficiency of MERN stack CRUD functionality in a sleek, full-featured MERN stack app.
https://github.com/kuzma02/simple-mern-app
crud crud-application crud-in-mern crud-in-mern-stack mern-application-example mern-crud mern-crud-app mern-crud-application mern-crud-operations mern-crud-tutorial mern-stack mern-stack-app mern-stack-application-example mern-stack-crud mern-stack-crud-app mern-stack-crud-application mern-stack-crud-operations mern-stack-example simple-mern-app
Last synced: 11 days ago
JSON representation
Discover my MERN CRUD app, a prime MERN stack example for robust CRUD operations. It's an exemplary MERN application example that showcases the efficiency of MERN stack CRUD functionality in a sleek, full-featured MERN stack app.
- Host: GitHub
- URL: https://github.com/kuzma02/simple-mern-app
- Owner: Kuzma02
- License: mit
- Created: 2023-12-24T09:30:46.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-10T14:09:22.000Z (7 months ago)
- Last Synced: 2024-11-05T16:35:45.459Z (about 2 months ago)
- Topics: crud, crud-application, crud-in-mern, crud-in-mern-stack, mern-application-example, mern-crud, mern-crud-app, mern-crud-application, mern-crud-operations, mern-crud-tutorial, mern-stack, mern-stack-app, mern-stack-application-example, mern-stack-crud, mern-stack-crud-app, mern-stack-crud-application, mern-stack-crud-operations, mern-stack-example, simple-mern-app
- Language: JavaScript
- Homepage:
- Size: 124 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple MERN Stack CRUD Application
Welcome to this comprehensive MERN CRUD project, a full-stack web application meticulously crafted using the robust MERN stack (MongoDB, Express, React, Node.js). This repository is a treasure trove of learning and development that not only serves as a MERN application
example but also provides a step-by-step MERN CRUD app tutorial.
# Project Overview
My application exemplifies a complete MERN stack CRUD application, delivering seamless Create, Read, Update, and Delete (CRUD) functionality. With this project, users can effortlessly add, view, update, and delete information, making it an ideal representation of CRUD in MERN stack development.
# Learning Experience
This repository is not just a MERN stack app; it's a comprehensive MERN CRUD tutorial. Aspiring developers can follow along to understand the nuances of CRUD using MERN stack, gaining insights into the practicalities of MERN CRUD operations within a real-world context.
# Features
- MERN CRUD Operations: The core of this application, allowing for full management of database entries.
- Interactive UI: A React-based front end that provides a responsive and engaging user experience.
- Real-World Application: This MERN stack crud app is more than an example; it's a blueprint for actual market-ready applications.
# Application CRUD Operations
- Create: Add new entries to the database.
- Read: View all the entries in a user-friendly interface.
- Update: Edit existing entries.
- Delete: Remove unwanted entries.
# Technologies Used
Frontend:
- React.js: A JavaScript library for building user interfaces.
- Redux Toolkit: Advanced state management for React applications.
- Toastify: For displaying elegant notifications.
Backend:
- Node.js: JavaScript runtime environment.
- Express: Web application framework for Node.js.
- MongoDB: NoSQL database for storing data.
# Installation
To run the app you need to have Node.js installed and follow these steps:
1. Download the repository locally or clone it:
```
git clone https://github.com/Kuzma02/Simple-MERN-App.git
```
2. Open terminal in the repository folder:
```
cd folder-name
```
3. Install backend dependencies
```
npm install
```
4. Install frontend dependencies:
```
cd client
npm install
```
5. Configure MongoDB:
Create account on MongoDB, create database and put MONGO_URI in .env file.
Create a .env file in the root directory and add your MongoDB URI:
```
MONGO_URI=your_mongodb_uri
```
6. Run the application:
```
node app.js
```
7. In a new terminal, start the frontend:
```
cd client
npm run dev
```