Registration Login And CRUD Action Using MERN Stack

screenshot of Registration Login And CRUD Action Using MERN Stack
express
react

:high_brightness: :leaves: Nodejs(Express.js) + mongoDB + mongoose + JWT + react.js + material-ui + axios(API call)

Overview:

This is a simple example of a user registration, login, and CRUD (Create, Read, Update, Delete) app using the MERN stack. It demonstrates how to use the backend REST API with MongoDB, Node.js (Express.js), and Mongoose for authentication using JWT token. The frontend is built using React.js and Material-UI. The app includes features like pagination, printing or downloading product details, and searching for products.

Features:

  • Backend API for user registration and login
  • API for adding, editing, and updating user products
  • Pagination for the list of user's added products
  • JWT token authentication
  • Print PDF option for product details
  • Frontend components and form for user login and registration
  • Functionality to add, edit, delete, and paginate products
  • HTTP calls using Axios
  • Multipart API with image upload support

Summary:

This project is a demonstration of a MERN stack application that includes user registration, login, and CRUD functionality. It showcases the use of different technologies such as MongoDB, Node.js, React.js, Material-UI, and Axios for making HTTP calls. The project also utilizes JWT token authentication and offers features like pagination, printing or downloading product details, and searching for products.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components