Skip to content

VincentWang1024/mern-country-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Stack | Login, Register and CRUD app

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.

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 backend
  2. npm install
  3. cd frontend
  4. npm install

To Run

To run node server

  1. cd backend
  2. npm start

To run react frontend

  1. cd frontend
  2. npm start

To Test

To run node server

  1. cd backend
  2. npm test

To run react frontend

  1. cd frontend
  2. npx cypress open

Do not forget to leave a star! 🤗

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages