What the template is made of
One real estate agency's online presence in three apps: the public property website, the agency dashboard, and the NestJS API behind both.
| App | Folder | Port | What it is |
|---|---|---|---|
| Public website | storefront/ | 3030 | Homes to buy and rent with filters kept in the address, property pages with photo galleries and AI-staged rooms, saved homes, a side-by-side comparison, the agency page, a contact form and viewing requests |
| Agency dashboard | admin-dashboard/ | 3031 | Overview with a properties map, properties and the property editor, inquiries, viewings, the AI staging studio, the AI assistant, settings, admins and roles, live notifications |
| API | back-end/ | 8000 | NestJS 11 and TypeORM, on SQLite locally and MySQL by configuration, every route under /api |
The folder also holds docker-compose.yml, which builds and starts all three with one command, and each app has its own Dockerfile.
What your package contains
The Public Website package is the property website on its own.
| App | Folder | Port | What it is |
|---|---|---|---|
| Public website | storefront/ | 3030 | Homes to buy and rent with filters kept in the address, property pages with photo galleries and AI-staged rooms, saved homes, a side-by-side comparison, the agency page, a contact form and viewing requests |
It has no data of its own: every listing, photo, neighborhood and setting comes from the Velra API, so it needs that API running. The API and the agency dashboard are separate packages and are not in this download.
What your package contains
The Agency Dashboard package is the agency's back office on its own.
| App | Folder | Port | What it is |
|---|---|---|---|
| Agency dashboard | admin-dashboard/ | 3031 | Overview with a properties map, properties and the property editor, inquiries, viewings, the AI staging studio, the AI assistant, settings, admins and roles, live notifications |
It has no data of its own: every screen reads and writes through the Velra API, so it needs that API running. The API and the public website are separate packages and are not in this download.
What your package contains
The Backend API package is the NestJS API on its own, with the database, the demo agency and every route the two frontends use.
| App | Folder | Port | What it is |
|---|---|---|---|
| API | back-end/ | 8000 | NestJS 11 and TypeORM, on SQLite locally and MySQL by configuration, every route under /api |
The public website and the agency dashboard are separate packages and are not in this download. Any client can use the API over HTTP.
On Windows, use PowerShell or Git Bash for the commands in these guides.
Both frontends run in English and Arabic, with the Arabic interface laid out right to left, and in a light, a dark and a system theme.