Skip to content

README.md

Latest commit

 

History

History
60 lines (43 loc) · 3.32 KB

README.md

File metadata and controls

60 lines (43 loc) · 3.32 KB
Raw

MERN Stack | Login, Registration and CRUD app - For Beginners

🔆 🍃 Nodejs(Express.js) + mongoDB + mongoose + JWT + react.js + material-ui + axios(API call)

Simlple example of user registration, login and CRUD action with backend restAPI using mongoDB, Nodejs, Express.js, and mongoose, authentication using JWT token also pagination and frontend using react.js and material-ui api calling with axios.

This project is just to help MERN stack beginners learn the basics, intentionally made for our students at Volunteer Tech® as a reference material.

flow

This Project is a Simple ReactJS Project which demonstrates the following

Backend
  • API to register and login user.
  • API using which loged in user can add, edit and update it's product.
  • Pagination API to give list of perticular user's added product.
  • JWT token authentication.
Frontend
  • Creating a Component in React and creat routing.
  • Using react and material UI created form to login user and can register new user.
  • Product add, edit, delete and pagination also you can search product by name.
  • Making HTTP calls using Axios.
  • Calling multipart api with image upload.

Prerequisites

Below noted things you need to install to run this project in your system

  • Node.js
  • NPM
  • MongoDB

To Setup

Clone or download this repository

  1. cd registration-and-login-application-with-crud-operation-using-MERN-stack/backend
  2. npm install
  3. cd registration-and-login-application-with-crud-operation-using-MERN-stack/frontend
  4. npm install

To Run

To run node server

  1. cd registration-and-login-application-with-crud-operation-using-MERN-stack/backend
  2. node server.js

To run react frontend

  1. cd registration-and-login-application-with-crud-operation-using-MERN-stack/frontend
  2. npm start

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.