Back to Home
Module 3: Agent-Driven End-to-End Sprints

Example 3: Australian House Price Tracker (Frontend Design)

Build a beautiful conceptual dashboard UI using React and Tailwind CSS, focusing purely on frontend design with mock data.

3Lesson 3 of 3
Goal: Design a modern, responsive Real Estate web app.
We will use mock data to simulate a real-world application instead of fetching data via an API. The prompt can be as simple as:
prompt
Build a House Price tracker that tracks the median house price and growth rate of the suburbs in different cities in Australia. 
Use mock data instead of fetching data from an API.
or you can add additional context for better control:
prompt
Features:
- Sidebar with city selection (e.g., Sydney, Melbourne, Brisbane).
- Mock data for Median Price and Growth Rate.
The agent will generate an implementation plan, you may choose to add comment to the plan (hover over and click on the comment icon):
Implementation Plan

Implementation Plan

An illustration of the resulting app is shown here:

A quick look at the house price tracker in action