Projects

House Market Place

2022·1 min read

React
JavaScript
CRA
Firebase
Leaflet
LinkGitHub

A property listing platform where users can browse homes for rent or for sale, post their own listings with photos and a map pin, and sign in with the social provider of their choice. Backed by Firebase Auth and Firestore.

A full-stack property marketplace for renting and selling homes — powered by React and Firebase.

🚀 Try it live →

A property listing platform where users can browse homes for rent or for sale, post their own listings with photos and a map pin, and sign in with the social provider of their choice. Backed by Firebase Auth and Firestore.

✨ Features

  • Browse by category — separate views for properties for rent and for sale, plus a curated offers page for discounted listings.
  • Listing details — full property pages with an image carousel (Swiper), location pin on an interactive Leaflet map, and contact-landlord flow.
  • Create / edit / delete listings — authenticated users can post new listings with multiple images, manage their own from the profile page, and edit or remove them anytime.
  • Address → coordinates — listing addresses are geocoded via the Google Geocoding API so every property shows up on the map.
  • Social sign-in — OAuth with Google, Facebook, GitHub, and Twitter via Firebase Auth, alongside email/password.
  • Forgot password — built-in password reset email flow.
  • Profile management — update display name and view all of your active listings in one place.
  • Toasts everywhere — friendly success and error feedback via react-toastify.

🛠️ Tech Stack

  • Framework — React 18 (Create React App)
  • Backend — Firebase (Authentication + Firestore + Storage)
  • Routing — React Router v6
  • Maps — Leaflet + React-Leaflet
  • Carousels — Swiper & Splide
  • Geocoding — Google Maps Geocoding API

🙌 Credits

Built by Mohamed Gado.

More projects

  • Goal Setter2022 · React
  • Github Finder2022 · React
  • Movie App2022 · React
All projects