📞 Phone Book Application

A simple, responsive, and dynamic Phone Book application built with pure HTML, CSS, and JavaScript.
This project allows users to manage their contacts easily with features like adding, editing, searching, and deleting contacts, along with a sleek dark mode toggle.

✨ Features

• View Contacts: Displays a list of contacts with their images and names in alphabetical order.
• Add Contact: Create new contacts with validation (10-digit phone, no duplicate names).
• Edit Contact: Update existing contact details.
• Search Contacts: Real-time filtering by name.
• Delete Contacts: Remove specific contacts or delete all contacts at once with confirmation.
• Contact Details: View full details of a contact in a clean popup modal.
• Dark Mode: Toggle between light and dark themes.

🛠️ Technologies

• HTML5
• CSS3
• JavaScript (Vanilla JS)

📁 Project Structure

phonebook-app-js/
├── index.html
├── styles.css
├── scripts.js
└── images/
    ├── phone_logo.png
    ├── add_contact_btn.png
    └── delete_all_btn.png

🚀 How to Run

1. Clone this repository or download the source code.
2. Open index.html in your web browser
3. Start managing your contacts!

---

Stay connected! 📞✨