Documentation.md

Contactly - Documentation

Functionality

1. Add New Contact

• Open the Contactly application.
• Navigate to the "Add New Contact" section.
• Fill in the required fields: Name, Email, and Phone.
• Click the "Add Contact" button to add the new contact to the list.

2. View Contacts

• All contacts are displayed in the "Contact List" section.
• Contacts include details such as name, email, and phone number.
• Each contact has "Edit" and "Delete" buttons for interaction.

3. Edit Contact

• Click the "Edit" button next to a contact in the list.
• A prompt will appear to enter the new details for the contact.
• Confirm to save the changes.

4. Delete Contact

• Click the "Delete" button next to a contact in the list.
• A prompt will appear to confirm the deletion.
• Confirm to remove the contact from the list.

5. Search Contacts

• Use the "Search Contacts" input to filter contacts dynamically.
• Contacts will be filtered based on the entered text.

Project Structure

• index.html: Main HTML file containing the structure of the application.
• style.css: Stylesheet for the application.
• script.js: JavaScript file containing the logic for contact management.

Dependencies

• Google Fonts (Manrope)

Usage

1. Open index.html in a web browser.
2. Use the provided functionalities to manage contacts.