← All work

01 · Real Estate SaaS · 2026

Sytemap Real Estate Operations Platform

An API-integrated real estate management platform connecting property discovery, client purchasing, estate administration, agent commissions and operational dashboards.

Role

Product (Frontend) Engineer

Timeline

July 2025 - July 2026

Built for

GText Land / GText Projects

Status

Production-oriented MVP

Sytemap real estate operations dashboard

Operational user roles supported

5+

Estate management capability

Multi

Property workflow coverage

End-to-end

The problem

Estate agents and buyers had no shared system, with deals happening mostly over phone calls and WhatsApp. Built a multi-role platform unifying plot discovery, instalment checkouts, and document management across buyers, agents, managers, and admins.

The solution

Built a scalable real estate operations interface with role-based dashboards, typed API communication, property exploration tools, plot workflows, payment experiences and administrative management systems.

Product gallery

05 screens

Sytemap interactive estate map showing property locations and plot layout information
Sytemap estate design and property planning interface
Sytemap real estate operations overview dashboard
Sytemap estate layout showing available plots and development structure
Sytemap plot editing interface for updating estate plot details and availability

Overview

Sytemap is a real estate operations portal designed to centralize estate discovery, plot management, client purchasing, payments, legal documents and internal administration.

The platform supports different operational roles including clients, administrators, agents, accountants and legal teams through dedicated workflows and dashboards.

My contribution focused on frontend architecture, API integration, authentication flows, dashboard development, reusable components and interactive property experiences.

Challenges

  • Property teams were managing estate information, customer interactions, payments and documentation across multiple disconnected systems.

  • The platform required different experiences for different users while maintaining consistent data flow and secure access control.

  • Real estate transactions required more than property listings; users needed plot selection, invoices, payment tracking and document workflows.

Key Features

  • Public estate discovery
  • Estate detail pages
  • Plot management
  • Client dashboard
  • Agent referral and commission workflows
  • Accountant finance dashboard
  • Legal document workflow
  • Interactive estate maps
  • Invoice and payment confirmation
  • Role-based access management

Approach

Role-based product architecture

Created separate operational experiences for clients, agents, administrators, accountants and legal users instead of forcing every user into one dashboard.

Typed API integration

Implemented reusable API clients, React Query workflows and structured data models to keep frontend communication predictable and scalable.

Interactive property experience

Implemented estate maps, plot exploration, property details and purchasing flows to make real estate transactions easier to understand.

Reusable dashboard system

Built shared tables, cards, filters, modals and navigation patterns used across different operational areas.

Project Impact

  • Replaced fragmented agent-buyer communication with a unified multi-role workflow
  • Built plot-level discovery with map-based selection, instalment checkout, and document generation
  • Implemented role-based access across 5 user types with scoped data visibility per role

Lessons Learned

  • Complex business applications become easier to maintain when architecture follows user roles and workflows.
  • Real estate software requires both spatial thinking through maps and transactional thinking through payments and documents.
  • Reusable frontend systems reduce complexity when products contain many dashboards.

What I owned

  • Frontend architecture
  • API integration
  • Dashboard development
  • Authentication workflows
  • Property management interfaces
  • State management
  • Reusable component development
  • UX implementation

Stack

  • Next.js 15
  • React 19
  • TypeScript
  • TanStack Query
  • Zustand
  • Axios
  • React Hook Form
  • Zod
  • Leaflet
  • REST API

Engineering highlights

  1. 01

    Multi-role dashboard architecture

    Built separate experiences for clients, agents, admins, accountants and legal teams while maintaining shared UI patterns.

  2. 02

    Property transaction workflow

    Implemented estate discovery, plot selection, cart flows, invoices, payments and document management.

  3. 03

    Interactive mapping

    Integrated map-based estate exploration using location data, boundaries and plot visualization.

How we shipped it

  1. 01

    Discovery

    Analysed real estate workflows and translated business operations into product flows.

  2. 02

    Platform development

    Built dashboards, authentication, API integration and property management modules.

  3. 03

    Optimization

    Improved reusable components, state handling and user workflows for scalability.