The Contact Manager is a web application that allows users to add and delete contact information, including names and email addresses. Built with React, this app provides a simple interface for managing a list of contacts. Users can add new contacts, view the list of existing contacts, and remove contacts as needed.
- Add Contacts: Input and save new contact names and email addresses.
- View Contacts: Display a list of all saved contacts.
- Delete Contacts: Remove contacts from the list.
- Responsive Design: Designed to work well on both desktop and mobile devices.
-
Clone the repository:
git clone https://github.com/yourusername/contact-manager.git
-
Navigate to the project directory:
cd contact-manager
-
Install dependencies:
npm install
-
Start the development server:
npm start
The application will be available at
http://localhost:3000
.
-
Add a Contact:
- Enter the contact's name and email address in the provided fields.
- Click the "Add Contact" button to save the new contact.
-
View Contacts:
- The list of contacts will be displayed on the main page, showing each contact's name and email address.
-
Delete a Contact:
- Click the "Delete" button next to a contact to remove it from the list.
App
: The main component that manages state and renders the user interface.ContactList
: Displays the list of contacts.AddContactForm
: Provides a form for adding new contacts.ContactItem
: Represents an individual contact with options to delete.
react
: The core React library.