https://github.com/shakebshamsi/find-a-roof
FindaRoof is a responsive real estate website built with HTML, CSS, and JavaScript. It features modern UI, property listings, search functionality, and a contact form—fully designed and developed from scratch as a front-end project.
https://github.com/shakebshamsi/find-a-roof
css frontend html javascript modern-css portfolio-project real-estate responsive-design ui-design vanilla-js web-development
Last synced: 4 months ago
JSON representation
FindaRoof is a responsive real estate website built with HTML, CSS, and JavaScript. It features modern UI, property listings, search functionality, and a contact form—fully designed and developed from scratch as a front-end project.
- Host: GitHub
- URL: https://github.com/shakebshamsi/find-a-roof
- Owner: ShakebShamsi
- Created: 2025-05-31T17:01:36.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-02T16:46:53.000Z (about 1 year ago)
- Last Synced: 2025-10-22T10:39:58.713Z (8 months ago)
- Topics: css, frontend, html, javascript, modern-css, portfolio-project, real-estate, responsive-design, ui-design, vanilla-js, web-development
- Language: HTML
- Homepage: https://shakebshamsi.github.io/find-a-roof/
- Size: 2.6 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🏡 FindaRoof
**FindaRoof** is a modern, responsive real estate website built entirely using **HTML**, **CSS**, and **JavaScript**. It’s designed to help users find their dream homes with ease, showcasing a clean UI and smooth browsing experience.
## 🌟 Features
- ✅ Fully responsive layout for all screen sizes
- 🧭 Sticky navigation with smooth scrolling
- 🏘️ Property listing section with images and descriptions
- 🔍 Interactive search section
- 📞 Contact form for user inquiries
- ✨ Clean and intuitive design inspired by real-world real estate platforms
## 🛠️ Tech Stack
- **HTML5** – for semantic structure
- **CSS3** – for styling, layout, and responsiveness
- **JavaScript (Vanilla)** – for interactivity
## 🚀 Getting Started
To run the project locally:
```bash
git clone https://github.com/ShakebShamsi/find-a-roof.git
cd find-a-roof
```
📁 Folder Structure
```
find-a-roof
├── index.html
├── style.css
├── script.js
├── assets/
│ ├── images/
│ └── icons/
└── README.md
```
🎯 Roadmap (Coming Soon)
Backend integration for property listings
User login and registration
Search filter (price range, location, type)
Google Maps API integration for property location
🙌 Acknowledgements
This project is fully self-designed and developed by Shakeb Shamsi.
📬 Get in Touch
If you'd like to connect or collaborate:
GitHub: @ShakebShamsi
Email: info.shakeb@gmail.com
🖤 Built with love and code to help you find a roof you'll love.