Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/esraaalzoghby/contact-management-system
This is a simple Contact Management System implemented using JavaScript, which allows users to add, edit, delete, and search for contacts.
https://github.com/esraaalzoghby/contact-management-system
contact-management css data-validation html javascript localstorage regex web-applications
Last synced: 29 days ago
JSON representation
This is a simple Contact Management System implemented using JavaScript, which allows users to add, edit, delete, and search for contacts.
- Host: GitHub
- URL: https://github.com/esraaalzoghby/contact-management-system
- Owner: EsraaAlzoghby
- Created: 2025-01-05T20:06:17.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2025-01-05T20:29:26.000Z (about 1 month ago)
- Last Synced: 2025-01-05T21:25:36.678Z (about 1 month ago)
- Topics: contact-management, css, data-validation, html, javascript, localstorage, regex, web-applications
- Language: JavaScript
- Homepage: https://esraaalzoghby.github.io/Contact-Management-System/
- Size: 1.21 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Contact-Management-System
Contact Management System implemented using JavaScript, which allows users to add, edit, delete, and search for contacts. The system includes form validation, ensuring that each contact's name, phone number, and email are properly formatted before submission. It also provides functionality to store the contact information in localStorage, allowing the data to persist even after the browser is closed.
## Key Features
-
Add Contact: Users can add new contacts, but only if the form is correctly filled out and the contact does not already exist (based on email or phone number). -
Edit Contact: Users can edit the details of an existing contact by selecting it and making the desired changes. -
Delete Contact: Contacts can be deleted with a button click. -
Search Functionality: Users can search for contacts. The list updates dynamically as the user types in the search box. -
Input Validation: The system validates the name, phone number, and email using regular expressions (regex) to ensure that they meet the required formats.