Lind Society

A premium property marketplace and tourism platform specializing in high-end real estate and curated travel experiences in Bali.

Next.js 15 (App Router)React 19 & TypeScriptTailwind CSS & Framer MotionRadix UI & Embla CarouselTanStack Query React Hook Form & ZodNextAuth.js & Jose
Lead Frontend Engineer4 MonthsReal Estate & Travel Marketplace

Discover, Stay, and Invest in the Island of Gods.

Lind Society is a comprehensive multi-vertical platform that bridges the gap between luxury real estate investment and boutique travel experiences. It provides a unified interface for users to buy properties, book premium rentals, and discover curated local activities across Indonesia's most iconic destinations.

Core Value

The application offers a high-performance, internationalized experience with a sophisticated triple-vertical search engine, allowing users to seamlessly transition between property acquisition and vacation planning within a single, cohesive ecosystem.

What Makes It Stand Out

What stands out is the technical execution of its complex search and filtering logic, which handles three distinct business domains (Sales, Rentals, and Tourism) with specialized UI components and category-driven color theming.

Project Snapshot
CategoryReal Estate & Travel Marketplace
RoleLead Frontend Engineer
Duration4 Months
StatusProduction Ready
Sophisticated Triple-Vertical Search System
Premium Bali-Focused Property Marketplace
Full Multi-Language (i18n) Integration
Advanced Custom UI & Filtering Components
Modern Next.js 15 & React 19 Architecture
Key Features

Triple-Vertical Search Engine

Custom-built search logic that orchestrates results across three distinct business areas—Rentals, Sales, and Activities—with debouncing and real-time suggestions.

Advanced Filtering System

High-precision UI components including custom price range selectors, enhanced date-range pickers, and multi-criteria filters for granular property discovery.

Multi-Language Support (i18n)

Full internationalization using next-intl, providing a localized experience for a global audience of investors and travelers.

Category-Based Theming

Dynamic visual identity system that color-codes interface elements (Blue for Rent, Green for Buy, Purple for Tourist) to improve user mental mapping.

Lind Society
Landing HeroSearch ResultsProperty ManagementListing Detail
Tech Stack
Next.js 15 (App Router)
React 19 & TypeScript
Tailwind CSS & Framer Motion
Radix UI & Embla Carousel
TanStack Query
React Hook Form & Zod
NextAuth.js & Jose
Application Screens
01

Landing Hero

Landing page with integrated triple-tab search system for seamless discovery.

02

Search Results

Dynamic search results page featuring color-coded categories and advanced filtering.

03

Property Management

Comprehensive management portal for property owners and investors.

04

Listing Detail

Elegant property detail view with rich media galleries and amenity insights.

Engineering Highlights

Modular Feature Architecture

Decoupled module-based structure (src/modules) that encapsulates business logic and UI for specific domains, ensuring high maintainability.

Custom UI Design System

A robust set of reusable primitives including complex search bars, draggable inputs, and synchronized sliders built from scratch.

State-Driven Navigation

Efficient handling of complex search parameters and filters via URL-synced state, enabling shareable and bookmarkable search results.

Responsive Real-time UX

Optimized mobile-first layouts with smooth transitions and loading states for a premium, application-like feel on all devices.

Challenges

Cross-Vertical Logic Consolidation

Synchronizing three different search schemas into a unified header interface while maintaining specific filtering requirements for each.

Responsive Data-Heavy Forms

Adapting complex property management and advanced search forms for seamless mobile usage without sacrificing functionality.

Learnings

Advanced App Router Orchestration

Mastered complex route grouping and layout management in Next.js 15 for multi-vertical applications.

Scalable i18n Implementations

Gained deep experience in managing multi-language content workflows across a variety of data types and UI components.

High-Performance Component Design

Learned to build accessible, high-performance UI primitives using Radix UI while maintaining strict design consistency.

Project Info

CategoryReal Estate & Travel Marketplace
RoleLead Frontend Engineer
Duration4 Months
StatusProduction Ready

Highlights

  • Sophisticated Triple-Vertical Search System
  • Premium Bali-Focused Property Marketplace
  • Full Multi-Language (i18n) Integration
  • Advanced Custom UI & Filtering Components
  • Modern Next.js 15 & React 19 Architecture
© 2026 Azar. All rights reserved.Sailing the React seas

AZAR

Frontend Developer
Loading