Live Client Website
A property-listings platform rebuilt in React.js, with dynamic filtering and a component architecture designed to scale as inventory grows.
A property business had outgrown its static brochure-style website. With a growing number of listings, a flat page of links and images wasn't going to cut it — visitors needed a way to filter and browse properties without scrolling through everything manually.
I rebuilt the site as a React application with a proper component architecture: a listings grid, filter controls, and individual property views, all driven by dynamic content rendering rather than hard-coded markup. Breaking the UI into reusable components made it straightforward to add new listings or adjust the filtering logic without touching the rest of the page.
The layout follows a mobile-first approach, since most visitors to a property site are browsing on their phones between commutes or site visits — not sitting at a desktop comparing tabs.
For The Capital Home, a static site made sense because the content barely changes. Vastu Properties was different: listings would be added and removed regularly, and the filtering logic needed real client-side state. React's component model and state handling were a much better fit here than trying to bolt dynamic behaviour onto plain JavaScript and DOM manipulation.
The result is a layout that scales cleanly as inventory grows, with filtering that feels instant since it all happens client-side. It's a good example of choosing the stack based on what the project actually needs, rather than defaulting to the same toolkit for everything.