Real Estate Platform

Keyat: Real Estate
Marketplace

A full-stack property marketplace connecting buyers, sellers, and agents. Multi-tenant architecture with role-based access and real-time listings. Built as a Progressive Web App for offline-first mobile experience.

Live & Deployed
Progressive Web App

What I Built

Property Search

Search and filter system for property listings with location, price, and type filters

Multi-tenant

Separate data isolation for buyers, sellers, and agents with role-based permissions

PWA Features

Installable app with offline support, push notifications, and home screen access

Platform Features

For Property Seekers

Search properties by location, price range, and type. Save favorites, contact agents directly, and schedule viewings. Works offline with PWA caching.

Search & FilterSave ListingsOffline Access

PWA Capabilities

Install on any device, receive push notifications for new listings, and browse properties offline with cached data and images.

InstallablePush NotificationsOffline Mode

Technical Architecture

Key Decisions

Multi-tenant architecture using Supabase Row Level Security for complete data isolation between users while maintaining real-time updates. PWA features enable offline-first experience.

Real-time Database
PostgreSQL with live subscriptions
Secure Access
Role-based permissions & encryption
PWA Architecture
Service workers & offline caching

Tech Stack

  • Next.js 15 with App Router
  • Progressive Web App (PWA)
  • Supabase for auth and database
  • TypeScript for type safety
  • Service Workers for offline mode
  • Vercel for deployment

Technical Challenges

Multi-tenant Data Isolation

Implemented Supabase Row Level Security policies to ensure complete data separation between landlords, agents, and tenants. Each user only sees their own data.

PWA Implementation

Built custom service worker with smart caching strategy for property listings and images. Users can browse previously viewed properties offline and receive push notifications.

Search Performance

Built PostgreSQL full-text search with proper indexing. Optimized queries to handle property searches with multiple filters efficiently.

Mobile Responsiveness

Designed mobile-first interface with Tailwind CSS. Optimized images and implemented lazy loading for better performance on mobile networks.

Complete Tech Stack

Frontend

  • Next.js 15
  • TypeScript
  • Tailwind CSS
  • PWA

Backend

  • Supabase
  • PostgreSQL
  • REST APIs

Infrastructure

  • Vercel
  • GitHub Actions

Auth

  • Supabase Auth

Explore the Platform

See the property marketplace in action. Browse listings, test the search, and explore PWA features. Try installing it on your device!

View Live Platform