Real Estate Website – Technigo Bootcamp Project 2025

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}

README.md

@@ -1 +1,67 @@
-# js-project-business-site
+# 🏢 Dian Real Estate
+
+Welcome to **Dian Real Estate** — a modern, interactive real estate platform where users can search, filter, and explore properties in Dubai. This project demonstrates responsive design, dynamic filtering, and interactive UI components like a burger menu and investment cards.
+
+This project is live on [Netlify](https://dian-eng.netlify.app/).
+
+---
+
+## 🔗 Demo
+
+Check out the live project here: [Dian Real Estate on Netlify](https://dian-eng.netlify.app/)
+
+---
+
+## 📸 Screenshot
+
+![Dian Real Estate Screenshot](img/Screenshot-2025.png)
+
+---
+
+## 🚀 Features
+
+- 🔍 **Search properties** by type, district, and price
+- 🏠 **Filter options**: Apartments, Villas, Penthouses, Duplexes, Offices
+- 🏙️ **District filter**: Quick selection of Dubai districts
+- 📱 **Responsive design**: Works smoothly from mobile (320px) to desktop (1600px+)
+- 🍔 **Responsive burger menu** for mobile devices
+
+---
+
+## 📦 File Structure
+
+```
+📂 css/ # Stylesheets
+📂 img/ # Property images
+📂 js/ # JavaScript logic
+📂 sass/ # SASS files
+│
+├── 📁 abstracts/ # Variables, mixins, functions
+├── 📁 base/ # Base styles (reset, typography)
+├── 📁 cards/ # Card styles for properties
+├── 📁 components/ # Reusable UI components
+├── 📁 layout/ # Layout and grid styles
+└── 📁 page/ # Page-specific styles
+```
+
+---
+
+## 🧠 How It Works
+
+1. Apply **filters by type, district, or price**.
+2. The app dynamically renders **property cards** with images, price, district, and type.
+3. The layout is fully **responsive**, adapting to all screen sizes.
+4. **Burger menu** appears on mobile devices for smooth navigation.
+
+---
+
+## ❗ Important
+
+- This project helped me **practice responsive design, DOM manipulation, and interactive UI components**.
+- Users can explore Dubai real estate, filter properties, and save favorites.
+
+---
+
+## 📄 License
+
+This project is free for educational use.