MERN Contact Keeper App | Visit Deployed App on Heroku

Link: https://sleepy-meadow-56084.herokuapp.com

Contact Keeper 📒

Full stack MERN contact manager with React hooks, context & JWT authentication.

Preview Interface

Register Page:

Login Page:

Home Page:

Update Page:

Technologies Used:

🔌 VS STUDIO 🔌 POSTMAN 🔌 MongoDB ATLAS 🔌 HEROKU

Usage

Install dependencies

npm install
npm client-install

Mongo connection setup

Edit your /config/default.json file to include the correct MongoDB URI

Run Server

npm run dev     # Express & React :3000 & :5000
npm run server  # Express API Only :5000
npm run client  # React Client Only :3000

Objectives

Some of the functions of this project are

• User signup
• User login
• Forgot Password
• Edit Contacts
• Edit track retrieval
• Update List (addition/deletion)
• Professional and Personal list
• Contact Sharing (collaborate)

Environment variables in .env

Variable	Description
SECRET	JWT secret
MONGO_URI	MongoDB URI
EMPASSWORD	Email password

Feel free to reach out if any issue 🙌

👥 Maintainer

• Varun Sharma