real estate

This is a sample project using the latest tech stack.

• nextjs for client and server
• zod for schema validation and parsing
• react-query for request handling and caching
• tailwind v4 for styling (welcome to class hell)
• sqlite on backend side for storing data
• AI to get database filled with fake data
• motion for fancy animations

Design

The design is related to what most of the real estate agency website offer.

List of features

• fake data generation
• landing page
• live search
• detail view
• related properties regarding price and size
• comparison of properties

Screenshot

build

All the data is fake and not related to any existing estate. The images are taken from unsplash using the . This data is NOT in the repo. Make sure you download keywords.tsv and photos.tsv and put it into database/unsplash-data.

To generate the database with fakedata please run

# move to application folder
cd real-estate

# create and fill database
npm run db:all

# start dev server
npm run dev