Real Estate · Dubai
Private / NDA

Seven Century

A real estate marketplace for a Dubai brokerage — buying, selling, and renting property, with advanced search and a component system the team can extend.

Role
Frontend Engineer
Timeline
2024
ReactNext.jsRTK QueryResponsive UI
sevencentury.com
Luxury living · Dubai
BuyRentProjects
ApartmentVillaTown house
AED 4.2M
2 bed · Marina
AED 8.9M
4 bed · Palm
AED 2.4M
1 bed · Downtown
Challenge

Property search in Dubai was scattered across listings that were slow to browse and hard to filter.

Solution

A Next.js marketplace with advanced search, filtering, and reusable components.

Outcome

Streamlined property transactions with wider reach for agents and a smoother path for buyers.

Private client repository. Implementation details available during discussion.
Context

Business context

Seven Century is a real estate brokerage operating in Dubai's luxury property market. The objective was a comprehensive marketplace that simplifies buying, selling, and renting — one place where a buyer can move from broad search to a specific property without friction, and where agents get reach they were not getting from scattered listings.

Problem

The problem

Property discovery needed to work across three distinct intents — buy, rent, and new projects — each with its own filters and browsing behaviour. The catalogue is image-heavy and the audience is international, so the site had to stay fast and responsive across devices while remaining easy for the team to extend with new property types and campaigns.

Constraints

Constraints & complexity

Three separate search intents — buy, rent, and off-plan projects
Image-heavy listings for a luxury market where presentation matters
International audience browsing on a wide range of devices
The team needed to add property types and campaigns without a developer rebuild
Solution

The solution

A dynamic, responsive marketplace built on Next.js. Advanced search and filtering handle the buy / rent / projects split, with location search as the primary entry point and property-type filters — apartment, villa, townhouse — narrowing from there. API integration runs through RTK Query for predictable data fetching and caching, and the interface is assembled from customizable components so the team can add new property categories and landing sections without rebuilding pages.

Results

Measurable results

Streamlined property transactions across buy, rent, and off-plan
Expanded reach for agents listing on the platform
A smoother browsing experience for buyers and sellers
A component system the team extends without a rebuild
Walkthrough

Product walkthrough

Screen

Property search

Buy / rent / projects tabs with location search — the primary entry point into the catalogue.

Screen

Trending projects

Featured Dubai developments filtered by apartment, villa, and townhouse.

Engineering

Architecture & technical approach

Layer

Frontend

  • React
  • Next.js
  • Responsive layouts
Layer

Data layer

  • RTK Query
  • API integration
  • Caching
Layer

Search

  • Advanced filters
  • Location search
  • Property types
Layer

Components

  • Customizable component system
  • Reusable sections
Role

My responsibilities

Frontend Engineer — Next.js architecture, advanced search and filtering, reusable component system, and RTK Query API integration.

Buy, rent, and off-plan project search paths
Advanced search with location and property-type filtering
Apartment, villa, and townhouse category browsing
Trending projects showcase for featured developments
Customizable components the team can extend
Responsive design across desktop, tablet, and mobile
Solutions

Relevant services

Next step

Need a property or listings platform that actually converts?

Let's talk about search, filtering, and the performance work that keeps an image-heavy catalogue fast.

Chat on WhatsApp