🏡 DreamHome

Modern Real Estate Platform for Buying, Selling & Managing Properties

---

🚀 Overview

DreamHome is a modern real estate platform developed to simplify the process of buying, selling, and managing properties online.

The application delivers a responsive and interactive user experience while integrating secure authentication, advanced property filtering, responsive UI architecture, and payment functionality.

Built with a frontend-focused engineering approach, DreamHome emphasizes scalable structure, responsive design systems, reusable components, and clean user experience across desktop and mobile devices.

---

🌐 Live Demo

🚀 Visit DreamHome Live

---

✨ Key Features

• 🔐 Secure Authentication System
• 🔑 Google OAuth Integration
• 📧 Forgot Password Functionality
• 🏡 Dynamic Property Listings
• 🔍 Advanced Property Search & Filtering
• 💳 Secure PayPal Payment Integration
• 📱 Fully Responsive Interface
• ⚡ Fast SPA User Experience
• 🖼 Interactive Property Gallery
• 📄 Property Details Management
• ⭐ Property Rating System
• 📬 Contact & Inquiry Forms

---

🛠 Tech Stack

Frontend	Backend	Database	Integrations
HTML5	PHP	MySQL	Firebase Auth
CSS3	REST APIs	XAMPP	Google OAuth
JavaScript			PayPal API
Responsive UI			EmailJS

---

📸 Application Preview

Authentication & Google OAuth Flow	Responsive Registration Interface
Hero Section & Navigation Architecture	Dynamic Property Search System
Property Details & Gallery Component

---

🔐 Authentication System

DreamHome includes a modern authentication workflow designed for secure and scalable user management.

Features

• User Registration
• Secure Login
• Google OAuth Authentication
• Forgot Password Functionality
• Session Management
• Firebase Authentication Integration

---

🔎 Property Search System

The platform provides a dynamic property filtering experience optimized for usability and responsiveness.

Users can filter properties by:

• 📍 Location
• 💰 Price Range
• 📐 Property Size
• 🏠 Property Type
• ⭐ Featured Listings

---

💳 Payment Integration

DreamHome integrates secure PayPal payment functionality to provide reliable online transactions and smooth checkout workflows.

Payment Features

• Secure Checkout
• Responsive Payment Flow
• Transaction Confirmation
• Modern UI Experience

---

📱 Responsive Design

The platform is fully optimized for:

• Desktop Devices
• Tablets
• Mobile Phones
• Large Screens

The UI adapts seamlessly across different screen resolutions while maintaining accessibility and performance.

---

🗂 Project Structure

DreamHome/
│
├── screenshots/
├── images/
├── css/
├── js/
├── php/
│
├── index.html
├── login.html
├── register.html
├── properties.html
├── property-details.html
├── payment.html
├── contact.html
│
├── README.md
└── .gitignore

---

⚡ Getting Started

# Clone repository
git clone https://github.com/erahidaj/dreamhome.git

# Navigate into project
cd dreamhome

# Run project locally
# Use XAMPP or Live Server

---

📌 Installation Requirements

• XAMPP / Local PHP Server
• MySQL Database
• Firebase Configuration
• PayPal Developer Account

---

🎯 Project Goals

The primary goal of DreamHome is to deliver:

• Modern Real Estate Experience
• Scalable Frontend Architecture
• Responsive User Experience
• Secure Authentication & Payments
• Professional UI/UX Design

---

👩‍💻 Developer

Era Hidaj

Frontend Developer focused on building responsive, scalable, and production-ready web applications with modern UI architecture and real-world functionality.

---

📄 License

This project is licensed under the MIT License.

---

⭐ Support

If you like this project, consider giving it a ⭐ on GitHub.