HAN Gayrimenkul — Modern Real Estate Platform
A full real estate platform: sale and rental listings, advanced filtering, favourites, comparison, mortgage calculator and property valuation.
Completed project. Explore an interactive preview of the developed system directly on this page.
- Project type
- Web Development · Real Estate · Custom Software
- Status
- Real Project · Completed
- Year
- 2026
- Preview
- Interactive website preview on this page
Opens a working preview of the platform right here — click, scroll, filter and compare.
In-site preview of a working copy. The client's public website is intentionally not linked.
A
Project overview
HAN Gayrimenkul is a modern real estate platform built for a local agency. It brings listings, search, decision tools and consultancy pages together in one fast, responsive experience — with a custom management panel behind it.
Project goal
Give a local real estate agency its own platform: let visitors search, compare and evaluate properties on their own, and let the agency manage listings without depending on a third-party portal.
B
The challenge
Property seekers expect to filter, compare and evaluate homes on their own before calling an agent. Generic listing templates are slow, hard to manage and do little to build trust in the agency's local expertise.
Development challenges
- Keeping filter-heavy listing pages fast on mobile while rendering on the server
- Designing comparison and favourites without requiring visitors to create an account
- Making the platform embeddable as a read-only preview without weakening the production site's security headers
C
Our solution
A custom Next.js platform with a PostgreSQL database: server-rendered listing and detail pages, advanced filters, favourites and side-by-side comparison stored on the device, a mortgage calculator, a valuation request flow, map views, multilingual content and a secure admin panel for managing listings and photos.
Design approach
A calm, editorial look — deep navy, warm gold accents and a serif display face — to feel established and trustworthy rather than salesy. Search is placed in the first screen, listing cards are information-dense but quiet, and every screen was designed mobile-first.
Technical architecture
- Next.js (App Router) with server-rendered pages and React components in TypeScript
- PostgreSQL database accessed through Prisma ORM
- Input validation with Zod on forms and server actions
- Map views with Leaflet
- Image storage and optimisation pipeline for listing photos
- Authenticated management panel with permission checks on the server
- Security headers incl. a per-request Content-Security-Policy nonce
- Deployed on Vercel
D
Key features
- Modern listing system
- Sale and rental listings
- Advanced listing filters
- Property detail pages
- Add to favourites
- Listing comparison
- Mortgage calculator
- Property valuation
- Service and consultancy pages
- Responsive design
- Turkish-first user experience
Development process
- 01Analysis of the agency's listing workflow and regions
- 02Information architecture, search and listing UX
- 03Development of the platform, database and admin panel
- 04Testing (unit, end-to-end, accessibility), optimisation and launch
Verified deliverables
- Public website with sale and rental listings, filters and detail pages
- Favourites, comparison, mortgage calculator and valuation request flow
- Management panel for listings and photos
- Automated tests (unit, end-to-end and accessibility checks) in the codebase
- Production deployment
E
Technology stack
- Frontend
- Next.jsReactTypeScriptTailwind CSS
- Backend
- PrismaZod
- Database
- PostgreSQL
- Deployment
- Vercel
- Tools & libraries
- Leaflet
Verified from the project source code
F
Visual showcase
Device preview
Open the working preview and switch between desktop, tablet and mobile.
Desktop screens
Mobile view
