diff --git a/README.md b/README.md
index dfebc2f..d58964f 100644
--- a/README.md
+++ b/README.md
@@ -1,131 +1,192 @@
-
- 
-
-
+# ๐ณ Dynamic Family Tree
+A modern, responsive, and interactive **Family Tree web application** built using **HTML, CSS, and Vanilla JavaScript**.
+The application allows users to create and manage family members, organize relationships, explore generations, search and filter members, and preserve family data directly in the browser using LocalStorage.
-
- A Modern, Interactive Family Tree Web Application
-
- Built with HTML, CSS, and Vanilla JavaScript
-
+## โจ Features
-
- Features โข
- Live Demo โข
- Technologies โข
- Getting Started โข
- Documentation
-
+* ๐จโ๐ฉโ๐งโ๐ฆ Add family members
+* โ๏ธ Edit existing members
+* ๐๏ธ Delete family members
+* ๐ค View detailed member profiles
+* ๐ณ Interactive family tree visualization
+* ๐ Define relationships between family members
+* ๐ Search family members
+* ๐ฏ Filter members by relationship
+* ๐ Dynamic family statistics
+* ๐ Automatic age calculation
+* ๐ผ๏ธ Upload profile images
+* ๐พ LocalStorage data persistence
+* ๐ฑ Fully responsive design
+* ๐ป No backend or database required
-
- 
- 
- 
- 
- 
- 
-
+## ๐ฟ Supported Relationships
----
+The application currently supports:
-## ๐ Overview
+* Grandfather
+* Grandmother
+* Father
+* Mother
+* Son
+* Daughter
+* Brother
+* Sister
+* Spouse
-**Dynamic Family Tree** is a fully responsive, client-side web application that enables users to:
+Members can also be connected using the **Related To** field.
-- ๐จโ๐ฉโ๐งโ๐ฆ **Create** and **manage** family members
-- ๐ **Organize** relationships across multiple generations
-- ๐ณ **Visualize** interactive family trees
-- ๐ **Search** and **filter** family members
-- ๐พ **Preserve** data locally using **LocalStorage**
+## ๐ Dynamic Statistics
-Perfect for genealogy enthusiasts, family historians, or anyone interested in documenting their family lineage. No backend or database required โ everything runs directly in your browser.
+The dashboard automatically updates information such as:
----
+* Total family members
+* Total generations
+* Family branches
+* Oldest member
-## โจ Features
+Statistics update whenever family members are added, edited, or removed.
-### Core Functionality
+## ๐ ๏ธ Technologies Used
-| Feature | Description |
-|---------|-------------|
-| โ **Add Members** | Add family members with name, photo, DOB, gender, and biography |
-| โ๏ธ **Edit Members** | Update existing member details effortlessly |
-| ๐๏ธ **Delete Members** | Remove members with confirmation to prevent accidental deletion |
-| ๐ค **Profile View** | View detailed member profiles with all information |
-| ๐ณ **Tree View** | Interactive visualization of family relationships |
-| ๐ **Relationships** | Define relationships like Father, Mother, Spouse, Siblings, etc. |
-| ๐ **Search** | Fast member search by name or relationship |
-| ๐ฏ **Filter** | Filter members by relationship type |
-| ๐ **Statistics** | View family stats: total members, generations, branches, oldest member |
-| ๐ธ **Photo Upload** | Upload profile images using FileReader API |
-| ๐พ **Auto-Save** | All data persists automatically in LocalStorage |
+* **HTML5** โ Semantic page structure
+* **CSS3** โ Layout, responsive design, animations, and family tree styling
+* **Vanilla JavaScript** โ Application logic and DOM manipulation
+* **LocalStorage** โ Browser-based data persistence
+* **FileReader API** โ Profile image handling
-### Supported Relationships
+No frameworks or external JavaScript libraries are required.
-### Data Management
+## ๐ Project Structure
-- โ
**No Database Required** โ Everything stored in browser
-- โ
**Persistent Storage** โ Data survives page refreshes
-- โ
**Instant Updates** โ Changes reflect immediately
-- โ
**Export Ready** โ Data can be extracted for backup
+```text id="zzsmgh"
+dynamic-family-tree/
+โ
+โโโ index.html
+โ
+โโโ css/
+โ โโโ style.css
+โ
+โโโ js/
+โ โโโ app.js
+โ
+โโโ assets/
+โ โโโ images/
+โ
+โโโ README.md
+```
----
+## ๐ Getting Started
-## ๐ Dynamic Statistics Dashboard
+### 1. Clone the repository
-The application automatically calculates and displays:
+```bash id="fz91wy"
+git clone https://github.com/YOUR-USERNAME/dynamic-family-tree.git
+```
-| Statistic | Description |
-|-----------|-------------|
-| ๐จโ๐ฉโ๐งโ๐ฆ **Total Members** | Complete family count |
-| ๐ **Generations** | Number of family generations |
-| ๐ฟ **Branches** | Distinct family branches |
-| ๐ง **Oldest Member** | Age of the eldest family member |
+### 2. Open the project
-> **Note:** Statistics update in real-time when members are added, edited, or removed.
+```bash id="woxc38"
+cd dynamic-family-tree
+```
----
+### 3. Run the application
-## ๐ ๏ธ Technologies
+Open `index.html` directly in your browser.
-### Frontend Stack
+For development, you can also use the **Live Server** extension in Visual Studio Code.
-| Technology | Purpose |
-|------------|---------|
-| **HTML5** | Semantic, accessible page structure |
-| **CSS3** | Responsive layouts, animations, tree styling |
-| **Vanilla JavaScript** | Application logic, DOM manipulation, events |
-| **LocalStorage API** | Client-side data persistence |
-| **FileReader API** | Profile image upload and preview |
+No installation, package manager, or build process is required.
-### Key Features
+## ๐ก How It Works
-- โ
**No Frameworks** โ Pure vanilla JavaScript
-- โ
**No Dependencies** โ Zero external libraries
-- โ
**Lightweight** โ Fast load times
-- โ
**Cross-Browser** โ Works on all modern browsers
+Click **+ Add Member** and enter the family member's information.
----
+You can provide:
-## ๐ Project Structure
+* Full name
+* Profile image
+* Date of birth
+* Gender
+* Relationship
+* Related family member
+* Short biography
+
+After saving, JavaScript dynamically updates the members directory, family tree, and statistics.
+
+## ๐พ Data Storage
+
+Family data is stored using the browser's **LocalStorage**.
+
+This means:
+
+* Data remains available after refreshing the page.
+* No database is required.
+* Data is stored locally in the current browser.
+* Clearing browser storage will remove the saved family data.
+
+## ๐ Search & Filtering
+
+Users can quickly find family members using the built-in search functionality.
+
+The members directory can also be filtered by relationship, making larger family trees easier to navigate.
+
+## ๐ฑ Responsive Design
+
+Dynamic Family Tree is designed to work across:
+
+* Desktop computers
+* Laptops
+* Tablets
+* Mobile devices
+
+The interface automatically adapts to different screen sizes.
+
+## ๐ฏ Project Purpose
+
+This project was created to practice and demonstrate core front-end development concepts, including:
+
+* DOM manipulation
+* JavaScript events
+* CRUD operations
+* Arrays and objects
+* Form handling
+* Dynamic rendering
+* Search and filtering
+* Browser storage
+* FileReader API
+* Responsive CSS all devices
+* UI/UX design
+
+## ๐ฎ Future Improvements
+
+Possible future improvements include:
+
+* Drag-and-drop family tree
+* Advanced genealogy relationships
+* Zoom and pan controls
+* Import/export family data
+* JSON backup and restore
+* Download family tree as PDF
+* Dark mode
+* Multiple family trees
+* Backend/database integration
+* User authentications
+
+
+## ๐ค Contributing
+
+Contributions, suggestions, and improvements are welcome.
+
+Feel free to fork the repository and submit a pull request.
+
+## ๐ License
+
+This project is intended for learning, practice, and portfolio purposes.
+
+---
+
+
+โญ If you find this project useful, consider giving the repository a star!
-```text
-dynamic-family-tree/
-โ
-โโโ index.html # Main application page
-โ
-โโโ css/
-โ โโโ style.css # Complete application styles
-โ
-โโโ js/
-โ โโโ app.js # All application logic
-โ
-โโโ assets/
-โ โโโ images/ # Profile images and icons
-โ โโโ project-preview.png # Project screenshot
-โ โโโ logo.png # Brand logo
-โ
-โโโ README.md # Project documentation (this file)
-โโโ LICENSE # MIT License