Hide and Seek Travel CRM

Full Stack Developer•Hide and Seek Travel•2024-2025
Next.js 15React 19TypeScriptSupabasePostgreSQLTailwindCSSRadix UIFramer Motiondnd-kitResendPlaywrightVitest

Hide and Seek Travel CRM is a comprehensive customer relationship management system built for a luxury travel company. The platform handles the entire client lifecycle from lead capture through booking completion, featuring sophisticated financial management with multi-currency support, secure document handling for sensitive travel documents, and a self-service portal for passenger data collection. Built with security and compliance at its core, it implements Row-Level Security policies and encrypted storage for GDPR/POPI compliance.

Live Demo

15+

Database Tables

Core entities for clients, bookings, suppliers, and documents

RLS

Security

Row-Level Security with role-based access control

E2E + Unit

Test Coverage

Playwright E2E tests and Vitest unit tests

Technical Architecture

Modern Next.js application using App Router with Server Components for data fetching and Server Actions for mutations. Supabase provides the PostgreSQL database with Row-Level Security, authentication, and encrypted file storage.

•Next.js 15 App Router
•Supabase PostgreSQL Database
•Row-Level Security Policies
•Supabase Storage (Encrypted)
•Server Actions for Mutations
•Resend Email Service
•dnd-kit Kanban Board

Technical Details

Frontend

Framework: Next.js 15 with React 19

State Management: Server Components + React Hooks

Styling: TailwindCSS 4.0 with Radix UI primitives

Notable Features

  • Drag-and-drop Kanban with dnd-kit
  • Multi-stage form wizard with auto-save
  • Real-time financial calculations
  • Framer Motion animations
  • Dark mode support

Backend

Framework: Next.js Server Actions

Database: Supabase PostgreSQL

API: Server Actions + Supabase Client

Notable Features

  • Row-Level Security for access control
  • Encrypted document storage
  • Polymorphic line items with JSONB
  • Audit logging for all changes
  • Multi-currency calculations

Infrastructure

Hosting: Vercel

Deployment: Vercel CI/CD

Monitoring: Vercel Analytics

Notable Features

  • Edge runtime support
  • Automatic preview deployments
  • Supabase managed database
  • Encrypted file storage buckets

Team & Role

Team Information

Team Size: Small team

Role: Full Stack Developer

Responsibilities

  • Frontend architecture and development
  • Database schema design
  • Security implementation (RLS policies)
  • Client portal development
  • Financial calculation logic
  • E2E and unit testing