Code Monkey home page Code Monkey logo

mern-crud's Introduction

🤘 MERN CRUD app

MERN Stack CRUD built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM.

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

Download | Developer Portfolio

Developed with ❤️ by Henok R. Bedassa. If you love my project please star ⭐️ my repo!

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

mern-crud's People

Contributors

henokrb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

mern-crud's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.