/mern-crud-app

It is a fully responsive simple music application with authentication, authorization, CRUD operations along with sorting, filtering and pagination features.

Primary LanguageJavaScript

MERN CRUD APP

It's a simple and fully responsive MERN Stack web application with authentication, autherisation and CRUD Functionlities


🖥️ Tech Stack

Frontend:

reactjs redux react-router chakra-ui javascript restAPI css3 html5

Backend:

nodejs expressjs mongodb JsonWebToken

View Deployment


🚀 Responsiveness

All Pages are fully responsive for all screen sizes

mockup

🚀 Features

  • Signup Login and Logout User Account
  • JWT (Json Web Token) Authentication and BcryptJS Password Hashing
  • Users can do all the CRUD operations with their Albums
  • Authorisation for all types of CRUD operations
  • Sorting, filtering, and Pagination from backend

Environment Variables

To run this project, you will need to add the following environment variables to your .env file in server folder

MONGO_URL

JWT_SECRET_KEY

PORT

Steps to run this Project:-

  1. Create a folder on your system.

  2. Open with Visual Studio Code.

  3. clone the repo using

 git clone https://github.com/gkomsai/mern-crud-app.git
  1. Do "npm install" in frontend and "npm install" in the backend and socket folder (To install all the dependencies)

  2. Then "npm start" in the frontend and backend folder to run the project on your local system

Contact

If you want to contact me, you can reach me through below handles.

linkedin

Gmail

Show your support

Give a ⭐️ if you like this project!