Overview
Coursework project demonstrating modern client-side architecture for an estate listings experience with emphasis on UX clarity, responsiveness, and state management.
Features
Multi-criteria filtering (price, location, type)Property detail pages with image gallery & map embedLocalStorage-backed favorites listResponsive grid & mobile navigation patternsAccessible keyboard navigation for card traversalArchitecture
React + Vite build chain (fast HMR)Component-driven layout (cards, filter panel, gallery, modal)Lightweight global state via Context + memoized selectorsLazy loading of heavy viewsPerformance Considerations
Code-splitting routesImage dimension hints + responsive srcsets (planned)Debounced filter input to prevent thrashChallenges & Solutions
Keeping filter UI intuitive → progressive disclosure of advanced filtersEnsuring map integration didn’t block main thread → deferred script loadOutcome
Clean, extensible base for integrating real backend / search APIDemonstrated mastery of modern React SPA ergonomics---
Showcases frontend craftsmanship, performance awareness, and UX reasoning.
