HouseHub — Property Management Platform

A clean and modern property management template that works seamlessly on all devices.
Built with HTML, Tailwind CSS, and a modular JavaScript architecture using separate component files.

Note: I started building HTML, CSS, and JavaScript projects in 2022.
At that time, I focused on learning first and began uploading to GitHub recently.
Now I'm working with React.js and Next.js, and seeking opportunities as a frontend or web developer.

What's Inside

• index.html — main page structure and content
• assets/js/app.js — initializes all components and manages DOM loading
• assets/js/header.js — header navigation and mobile menu functionality
• assets/js/hero.js — hero section with search form and tab switching
• assets/js/about.js — about section with features and video placeholder
• assets/js/service.js — service cards displaying platform benefits
• assets/js/property.js — property listing grid with dynamic rendering
• assets/js/contact.js — contact section and newsletter subscription form
• assets/js/footer.js — footer with contact details and social links
• assets/js/backTop.js — back-to-top button with scroll detection
• assets/images/ — property photos, hero background, about banner, and favicon

Technologies Used

HTML5 · CSS3 · Vanilla JavaScript · Tailwind CSS (CDN) · Google Fonts (League Spartan) · Ionicons

Features

• Fully responsive layout adapting to mobile, tablet, and desktop screens
• Interactive hero section with property search filters (category, price range)
• Featured property listings with image galleries and pricing details
• Service showcase section explaining platform workflow
• Newsletter subscription form with modern styling
• Smooth navigation with mobile menu toggle
• Back-to-top button for enhanced user experience

Quick Start

1. Clone the repository:

   git clone https://github.com/nawazdevx/house-hub.git

2. Open the project:

   • Simply open index.html in your browser
   • Or run a local server:

     python -m http.server 3000

     Then visit http://localhost:3000

Customization

• Edit property data, text, and meta tags directly in JavaScript files (hero.js, property.js, etc.)
• Replace images in assets/images/ folder while keeping filenames consistent
• Modify colors by adjusting Tailwind CSS classes throughout the template
• Update font family in the tailwind.config section within index.html

License

This project is licensed under the MIT License.

Contact

If you want to contact me, you can reach me at LinkedIn.

Support

If you find this project useful, please consider starring it on GitHub ⭐ to show your support!

Project Preview

You can view the live project here ➜ Live Demo