Skip to content

This is a web project created based off a school java programming assignment about a contact list manager

Notifications You must be signed in to change notification settings

MeeksonJr/ContactListManager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

# Contact Manager Web Application

This is a simple contact management web application built with HTML, CSS, and JavaScript. The app allows users to add, modify, delete, and search for contacts. It utilizes the Web Storage API to save contacts to the user's local storage, ensuring that data persists even after the page is refreshed or the browser is closed.

## Features

- Add new contacts with first name, last name, phone number, and address.
- Modify an existing contact's address.
- Delete contacts from the list.
- Search for contacts by first name and last name.
- Data is stored in the browser's local storage, allowing for persistence between sessions.
- Modern design inspired by Apple aesthetics.

## Technologies Used

- **HTML**: For structuring the web application.
- **CSS**: For styling the application with a modern look and feel.
- **JavaScript**: For implementing functionality such as adding, modifying, deleting, and searching contacts.

## Getting Started

To run this application locally, follow these steps:

1. **Clone the Repository**:
   ```bash
   git clone <repository-url>
   cd contact-manager
  1. Open the Application: Open index.html in your web browser.

  2. Usage:

    • Choose whether to add, modify, delete, or search for contacts.
    • Fill in the relevant form fields and submit.
    • The contacts will be displayed in the list and saved in local storage.

File Structure

contact-manager/
│
├── index.html       # Main HTML file
├── style.css        # Styles for the application
└── script.js        # JavaScript functionality

Code Overview

  • index.html: The main HTML file that contains the structure of the application, including forms for adding, modifying, deleting, and searching contacts.
  • style.css: The stylesheet that provides a modern, clean look to the application.
  • script.js: The JavaScript file that handles the logic for managing contacts, including saving and loading from local storage.

Contributing

If you would like to contribute to this project, feel free to fork the repository and submit a pull request. Any improvements, bug fixes, or features are welcome!

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or feedback, please reach out to Mohamed Datt.

About

This is a web project created based off a school java programming assignment about a contact list manager

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published