Three combined filters
Area, budget, and property type form one client-side search path.
BasaLagbe — HomeRent Frontend
Live demo for BasaLagbe — HomeRent Frontend (opens in a new tab)Source for BasaLagbe — HomeRent Frontend (opens in a new tab)
Frontend prototypeGenerated sample listings. Search and pagination run in the browser.
01 / THE PROBLEM & FOCUSBehind the
Behind the
experience.
Help visitors narrow a large rental listing collection by the criteria that matter first: area, budget, and property type.
BasaLagbe explores property discovery through generated demonstration listings, search filters, pagination, and modal interfaces. It is a frontend project, rather than a verified property database or a production rental service.
PROJECT FOCUS
Vanilla JavaScript search, listing presentation, and responsive rental-discovery interfaces.
Implementation focus
- Property-card and search interface composition
- Client-side filters and pagination
- Modal and responsive layout interactions
THE BOUNDARIES
Working with constraints.
- The repository is a frontend prototype with generated sample listings.
- Several search criteria must combine predictably.
- Listing details and contact actions need to fit a compact page flow.
02 / TECHNICAL & DESIGN DECISIONSThe decisions
The decisions
behind the interface.
01
Model a browsing collection
The source generates 200 sample listings across Dhaka areas and property types. This supports testing filters without presenting the records as verified rentals.
02
Combine filters before rendering
Area, price tier, and property type are evaluated together. The page then renders the filtered collection and shows a dedicated empty state when nothing matches.
03
Paginate the result set
Ten cards are rendered per page. Pagination keeps the listing collection manageable while modal interfaces provide additional actions.
03 / THE INTERFACE
A closer look.
Actual project screens. Select one to explore the details.
What came out of it.
A live GitHub Pages frontend with public HTML source and generated sample listings.
Ten results per page
The source slices the filtered collection before rendering its property cards.
Public implementation
The single-file HTML, styling, and JavaScript implementation can be inspected on GitHub.
Live demo for BasaLagbe — HomeRent Frontend (opens in a new tab)Source for BasaLagbe — HomeRent Frontend (opens in a new tab)
Explore my GitHub profile UP NEXT / 06