Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM

Overview

🤘 MERN Stack CRUD Application

Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM. Developed with ❤️ by Henok R. Bedassa. If you love my project please star ⭐️ my repo!

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

Download | Developer Portfolio

Table View

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

image

CRUD Form

Here you can create new data

image

Grid View

This is an optional Grid View

  • Divided to 4 Cols
  • Clickabel Phone and Web URL

image

List View

This is an optional List View

  • Clickabel Phone and Web URL

image

Details View

Details view by Id

  • Clickabel Phone and Web URL

image

Installation

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

Install Client (React Files)

  1. Get in the client folder
cd client
  1. Install dependencies via npm or yarn
npm i
  1. Start Client
npm start

Install Server (Node Files)

  1. Get in the server folder
cd server
  1. Install dependencies via npm or yarn
npm i
  1. Start Server
nodemon server

Install Database (JSON File)

  1. Get in the server folder
cd server
  1. Import the following file to your MongoDB
Cruds

Support

For any additional information please refer to Henok R. Bedassa.

Thank you

You might also like...
Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN
Ini adalah kumpulan source code belajar website React JS dari Channel Youtube Prawito Hudoro, Materi CRUD React MERN

MERN Basic Indonesia Screenshot Aplikasi Dokumentasi API https://documenter.getpostman.com/view/10749611/UVXbvKqe Pengertian MERN Mongo DB Adalah suat

Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind
Simple React Social Network, built with React,Node,Express,MongoDB and Tailwind

Full stack react social network application A mini social network application built with React,Typescript, Redux, Node, Express, MongoDB, and Tailwind

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack
Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

A TypeScript version of the Nextacular project. An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern t…
A TypeScript version of the Nextacular project. An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern t…

Nextacular 🌙 - TypeScript ‼️ Experimental and In Progress - 🚨 Use with caution Quickly launch multi-tenant SaaS applications An open-source starter

Postgres, Express, React, Node - Stack Boilerplate
Postgres, Express, React, Node - Stack Boilerplate

PERN Boilerplate 🚧 WORK IN PROGRESS 🚧 upcoming features: Email confirmation Socials Login Features GraphQL Server JWT Authentication Auto refresh ac

Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to

Owner
Henok R. Bedassa
Full Stack Web Developer
Henok R. Bedassa
QABAS AL ANI 1 May 29, 2022
Fullstack open source Invoicing application made with MongoDB, Express, React & Nodejs (MERN)

arcinvoice.com MERN Stack Invoicing Application Built with the MERN stack (MongoDB, Express, React and NodeJS). Introduction Key Features Technologies

Panshak Solomon 1.3k Jan 1, 2023
Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

Jim 10 Oct 31, 2022
A FULLSTACK Web Application built using MERN Stack (MongoDB, Express, React, Nodejs)

Socialize This is a FULLSTACK MERN Website. This Website uses Reactjs on the Fro

Shubham Patil 31 Dec 28, 2022
null 19 Nov 13, 2022
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

Book Collection List ?? Demonstration of the application | Features | Technologies used | Application installation ?? Demonstration of the application

Victor Lira 33 Nov 20, 2022
Creador de tareas - MERN - MongoDB, Express, React y Node

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Alberto Rodriguez Diaz 1 Nov 11, 2021
A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

Palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly on new projects. Commands: npm ins

Palo IT Singapore 10 Oct 31, 2022
MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance

MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance. JWT Authentication – Hook Up with ASP.NET Core 3.1

Christotle Agholor 3 Mar 5, 2022
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad

Salah Eddine Lalami 208 Jan 8, 2023