Real Estate Platform
Hompper
A bilingual real estate discovery platform for buyers and renters across Syria, combining property listings, agents, map browsing, and direct contact actions in one responsive experience.
Role
Frontend Developer
Technology
01 / Overview
Hompper helps users discover properties across Syrian cities through a clear, action-oriented interface. The experience supports Arabic and English, property browsing, agent discovery, map navigation, and direct communication through phone and WhatsApp.
02 / The challenge
Real estate listings contain dense and mixed information: location, price, area, rooms, negotiation status, and contact actions. The interface also needed to remain understandable in both RTL and LTR directions across desktop and mobile screens.
03 / The solution
I structured the frontend around reusable property cards and direction-aware layout patterns, keeping the most important information visually scannable and placing call, WhatsApp, and details actions close to every listing. The result is a responsive browsing experience that can scale across multiple property types and cities.
04 / Techniques and where they were applied
Not only what was used, but where and why.
Technique
Reusable component architecture
Where it was applied
Property cards, price and location metadata, room and area indicators, negotiation badges, and repeated contact actions.
Technique
Direction-aware responsive layout
Where it was applied
Navigation, property grids, content alignment, actions, and Arabic/English views across desktop and mobile.
Technique
Action-oriented information hierarchy
Where it was applied
Every listing keeps price, core property facts, Call, WhatsApp, and Details actions immediately scannable.
Technique
Data-driven UI patterns
Where it was applied
The same card system supports houses, rentals, factories, different cities, optional WhatsApp, and negotiable states.
05 / Key features
The core capabilities built into Hompper.
Arabic and English interfaces with RTL / LTR support
Responsive featured-property and listing cards
Direct phone and WhatsApp contact actions
Property, agent, and map-based discovery flows
Reusable UI patterns for prices, locations, rooms, area, and status
06 / Related insights
A deeper explanation of the engineering decisions behind this kind of product.
8 min read
How I Structure Scalable Frontend Applications
A practical approach to frontend architecture using feature ownership, typed boundaries, explicit async states, reusable UI foundations, and release-focused quality checks.
Read article7 min read
Building a Typed API Layer with TypeScript
How a reusable TypeScript API layer can separate transport details from product screens, unify errors, support pagination, and make React and React Native features easier to maintain.
Read article7 min read
Frontend Engineering for Operational Systems
Lessons from building interfaces for hospital operations, legal case management, dashboards, and workflow-heavy products where clarity and failure handling matter more than visual novelty.
Read article