/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.

Primary LanguageJavaScriptMIT LicenseMIT

Simple MERN Stack CRUD Application

simple 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
  1. Open terminal in the repository folder:
cd folder-name
  1. Install backend dependencies
npm install
  1. Install frontend dependencies:
cd client
npm install
  1. 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
  1. Run the application:
node app.js
  1. In a new terminal, start the frontend:
cd client
npm run dev