EstateX AI™ is a next-generation, high-fidelity Enterprise Real Estate (PropTech) platform designed for brokers, real estate consultants, and property investors. It pairs a lightning-fast Vite + React (TypeScript) frontend with a robust, custom Express backend, leveraging the Google Gemini 2.0 API for cutting-edge Generative AI features.
To answer the question "What database did you use?":
For near-zero latency, exceptional performance, and quick deployment without complex cloud dependencies, the platform implements a dual-layer data architecture:
- Server-Side In-Memory Database:
- All dynamic entities—including Properties, Bookings, Reviews, Live System Logs, and Messages—are stored in a structured in-memory datastore directly within
server.ts. - The database is pre-seeded with rich, production-grade mock data fetched from
/src/data/properties.ts.
- All dynamic entities—including Properties, Bookings, Reviews, Live System Logs, and Messages—are stored in a structured in-memory datastore directly within
- Dynamic Sync Engine:
- Real-time client mutations (such as creating property bookings, posting ratings/reviews, executing AI-powered translations, or compiling audit trail logs) update the server memory immediately. This ensures consistent global application state across all user sessions.
- Dynamic PDF Compilation: Instantly generates a clean, executive-ready 2-page PDF summary for any listed property directly from its specifications page.
- Flawless Greek & English Typography (Unicode): Dynamically downloads Roboto (Regular & Bold) TrueType fonts from a secure CDN and registers them into the
jsPDFVirtual File System (VFS). This provides flawless, sharp rendering of Greek glyphs, currency symbols, and English text without any "missing glyph" boxes (???). - Feature-Packed Executive Layout: The generated document includes:
- Embedded high-resolution photographs from the property gallery (safely compressed as Base64 to optimize file weight).
- A beautifully aligned technical specifications Bento grid (Size, Bedrooms, Bathrooms, Floor, Energy Rating, Year Built).
- Ecology & Safety metrics (calculated CO₂ footprint, Air Quality index, and neighborhood safety indices).
- Comprehensive contact card (Agent Profile Card) complete with the assigned consultant's rating, fluent languages, and base64 avatar.
- Virtual Staging Suite: Creates design renderings, custom color schemes, and tailored furniture recommendations based on room category and styling direction (Scandinavian, Minimalist, Coastal, Luxury, Industrial).
- AI Listing Copywriter: Instantly translates technical property data into high-converting sales copy, generated in Greek (GR) and English (EN) simultaneously for maximum international reach.
- AI Surveyor Appraisal: Synthesizes fair-market appraisals, calculates projected rental yields, forecasts multi-year ROI margins, and assesses environmental carbon ratings.
- Client Portal: Tracks scheduled tours, handles saved listing portfolios, and manages instant-message channels with assigned property managers.
- Broker & Admin Intelligence Hub: Displays structural charts (Recharts / D3) analyzing listing distribution by district, compiles total transactional revenue curves, handles booking approvals, and displays live system audit trail logs (IP locations, user action timestamps, etc.).
- Property Compare Modal: Multi-selects candidate listings to view side-by-side matrices matching sizing, prices, year built, energy ratings, and environmental footprints.
- Frontend Client:
- React 18 + TypeScript
- Vite (Instant asset compilation & bundling)
- Tailwind CSS (Clean, eye-safe slate interface and responsive fluid grid)
- Motion (framer-motion) (Smooth structural route animations & micro-interactions)
- Lucide React (Consistent, modern SVG icons)
- Recharts / D3 (Fluid administrative charts)
- jsPDF (Robust browser-side PDF printing engine)
- Backend Server:
- Node.js + Express
- tsx & esbuild (Native TypeScript hot execution and high-performance server bundling)
- @google/genai SDK (Official integration with Gemini models)
npm installCreate a .env file in the root directory (based on .env.example) and append your Google Gemini API key:
GEMINI_API_KEY=your_actual_gemini_api_key_herenpm run devOpen http://localhost:3000 to preview the platform in your browser.
npm run build
npm start/server.ts— Express engine, API endpoints, and server-side in-memory structured storage./src/App.tsx— Root React controller, view layouts, state synchronization, and core routing./src/components/— Self-contained interface elements (Navbar, AIStudio, Dashboards, CompareModal, MortgageCalculator, etc.)./src/utils/pdfGenerator.ts— The PDF compiler implementing TrueType font registry, Base64 imagery conversion, and Greek language support./src/data/properties.ts— Pre-seeded mock profiles for properties, reviews, and real estate consultants./src/types.ts— Global TypeScript interface declarations enforcing rigid system safety.
Engineered with precision, pixel-perfect visual balance, and clean code standards for the EstateX AI™ Build Platform.
This project is licensed under the MIT License.
Developed as an enterprise portfolio project demonstrating modern Full-Stack Software Engineering, scalable architecture, clean code principles, accessibility, performance optimization, and production-ready development practices.