Oromax Properties

A premium real estate listing platform built for Oromax Properties to showcase residential, mixed-use, and commercial opportunities across India and Dubai.

This project focuses on a polished buyer-facing experience with property discovery, developer showcase pages, custom property detail layouts, rich brochure/media support, SEO-ready route generation, and production-friendly deployment for static hosting.

Live Demo

• Demo URL: darkorange-stingray-872435.hostingersite.com

Overview

Oromax Properties is designed as a high-conversion real estate website for:

• showcasing featured listings and launches
• presenting project-specific detail pages with custom sections
• highlighting developers and service offerings
• supporting India and Dubai property discovery
• improving social sharing and search visibility through route-level SEO

Key Features

• Modern homepage with rotating hero content and featured property cards
• Live property listing system tailored to real project data
• Property detail pages with:
  • custom overview sections
  • amenities layouts
  • floor plans and pricing
  • brochure downloads
  • image galleries and lightbox
  • FAQ blocks
  • embedded maps and media
• Developer listing pages connected to their respective properties
• Rich About, Services, Contact, FAQ, Disclaimer, Privacy, Terms, and Sitemap pages
• Dynamic currency support with INR as the default
• Light mode as the default UI with optional dark mode toggle
• Mobile-friendly responsive layout
• SEO enhancements including:
  • route-aware meta tags
  • Open Graph and Twitter cards
  • structured data
  • social preview images for pages and property routes
  • sitemap generation
  • static SEO route generation for sharing
• Hostinger-friendly deployment with bundled .htaccess

Tech Stack

• React 18
• TypeScript
• Vite
• Tailwind CSS
• React Router
• TanStack Query
• Leaflet
• Lucide React
• Vitest

Project Structure

src/
  components/     Reusable UI sections and shared presentation components
  contexts/       Theme, currency, language, and favorites state
  data/           Properties, developers, blogs, agents, and site contact data
  hooks/          UI and animation helpers
  lib/            SEO and utility helpers
  pages/          Route-level pages
public/
  og/             Social sharing images
scripts/
  generate-seo-pages.mjs

Getting Started

Prerequisites

• Node.js 18+
• npm

Install

npm install

Start Development Server

npm run dev

Production Build

npm run build

Build With Domain-Specific SEO

To generate correct canonical URLs and social previews for a specific environment, set VITE_SITE_URL before building.

Example: Hostinger temp domain

$env:VITE_SITE_URL="https://darkorange-stingray-872435.hostingersite.com"
npm run build

Example: final production domain

$env:VITE_SITE_URL="https://oromaxproperties.com"
npm run build

Deployment

This project is optimized for static hosting providers like Hostinger.

Production output

• Build output is generated in dist
• SEO route files are generated after the Vite build
• .htaccess is copied into dist automatically

Deploy steps

npm run build

Upload the contents of dist to your server's public_html directory.

SEO Notes

The project includes:

• per-page SEO metadata
• route-level share pages for key routes
• page/property-specific Open Graph images
• structured data for the organization and content pages
• generated sitemap and robots configuration

Real Estate Modules Included

• Homepage marketing sections
• About Us and leadership presentation
• Services showcase
• Developers pages
• Properties and projects listing pages
• Detailed project pages
• Contact and enquiry flows
• FAQ and legal pages

License

This project is licensed under the MIT License.

Suggested GitHub Repository Description

Real estate listing website for India and Dubai with property pages, developer showcases, SEO-ready sharing, and static deployment support.

Suggested GitHub About / Topics

real-estate property-listing react typescript vite tailwindcss seo static-site