dhruv360code/contact-manager

MERN Contact Manager

Welcome to the MERN MyBook Contact Manager – a full-stack web application that empowers users to manage their contacts efficiently. This project leverages React hooks and the React Context API to create a seamless user experience.

Features

• User Authentication: Users can register an account with their name, email, and password. A secure login is required to access the Contact Manager.

• Contact Management: Create a private list of contacts with details such as name, email, address, phone number, and contact type (personal or professional).

• Filter and Search: Easily find contacts by name, number, or email. The application provides a convenient way to filter through your contact list.

• Edit and Remove: Make updates or remove contacts effortlessly with a simple click of a button.

Prerequisites

To use this application, users must register. Simply provide your name, email, and password to create an account. A test account is available on the login page for a quick demo.

Installation

1. Install dependencies in the main project folder:

   npm install

2. Install dependencies in the client folder:

   npm install

Running the Servers

Start the nodemon dev server:

npm run dev

Built With

• Frontend: React (hooks & context API), JavaScript
• Backend: NodeJS, ExpressJS
• Database: MongoDB Atlas, Mongoose for data modeling
• Authentication: BCrypt for secure password hashing

Screenshots