Overview
Scalable property discovery platform built with Nuxt 3 SPA architecture, featuring headless CMS integration, dynamic filtering system, and optimized carousel-based browsing for residential property listings.
Technologies
Nuxt 3
Vue 3
TypeScript
Pinia
Vee-Validate
Nuxt i18n
Tailwind CSS
DaisyUI
Axios
Vue3 Carousel
Moment.js
Sass/SCSSKey Features
Multi-criteria property search with filters
Dynamic carousel for projects and units
City-based property recommendations
Voucher and discount management system
Responsive skeleton loading states
SEO-optimized meta tag automation
Technical Challenges
Custom API Service Layer with Runtime Config Integration
Engineered useMyFetch composable wrapper with centralized API key injection and baseURL configuration to ensure type-safe, reusable data fetching across all endpoints while maintaining security best practices.
Dynamic Multi-Carousel State Management with Ref Composition
Implemented advanced carousel reference system using dynamic ref mapping to manage multiple independent carousels per topic, enabling granular navigation control without state collision across concurrent instances.
Global SEO Middleware with useSeoMeta Composable
Built resetMeta.global.ts middleware leveraging Nuxt's useSeoMeta to inject Open Graph and Twitter Card metadata on every route transition, ensuring optimal social sharing and search engine discoverability.