Reactlots is a diegetic real estate web application inspired by The Sims 4, where users can browse and explore lots as if they were part of the game world itself.
The application is intentionally designed to reflect how a character inside the game might experience a real estate platform. Because of that, real-world concepts are adapted to the game’s logic — for example, "cities" become "worlds", and neighborhoods follow the structure defined by the game.
Beyond its thematic layer, the project is also built as a frontend architecture exercise, focusing on production-like patterns such as data modeling, separation of concerns, and scalable data fetching strategies.
This means the project combines:
- Product design decisions driven by a fictional universe
- Technical decisions aligned with real-world frontend applications
This approach helps explore how domain modeling and UI decisions change when the system is driven by narrative constraints instead of real-world conventions.
Key features
- Filter lots by world and neighborhood
- View individual lot detail pages
- Lot search with filters (world, neighborhood)
- Lot detail pegae
- URL-driven filtering via query params
- Backend integration with reactlots-api
- BFF layer with DTO mapping
- Advanced filters (bathrooms, bedrooms, price, etc.)
- Add favorites feature
- Improve mobile responsiveness
- Add pagination strategy aligned with backend
- Add i18n
- Introduce error monitoring (metrics / logs)
- Introduce caching strategy
- Improve accessibility and keyboard navigation
This project is part of a multi-repository setup:
- reactlots-api → data source
- reactlots-app → frontend + BFF
npm iCreate a .env file on the root of the project based on the .env.example.
VITE_API_BASE_URL= # insert the react lots api base url herenpm run devSee full documentation in: app/docs/README.md
🦖 Laira Almas (2026) | Github
This is a fan-made, non-commercial project created for educational and portfolio purposes.
This project is not affiliated with, endorsed by, or sponsored by Eletronic Arts or Maxis.
The Sims 4 and all related assets, including images and game data, are the property of Eletronic Arts Inc. and Maxis. Any use of such materials is for illustrative purposes only.
If you are a rights holder and would like any content to be removed, please contact me.
This project is licensed under the MIT License.