← BACK TO PROJECTS

🦒Island Safaris Sri Lanka

PROJECT_INFO

Island Safaris Sri Lanka is a safari and experiences booking site for Sri Lanka, built with Next.js 16, Supabase, and Tailwind CSS. It is production-ready and deployable on Vercel.


Tech Stack

  • Framework: Next.js 16 (App Router), TypeScript.
  • Database: Supabase (PostgreSQL).
  • Media: Cloudinary for images.
  • Email: Resend.
  • Payments: PayPal (create-order API + client integration).
  • Validation: Zod; UI: Framer Motion, Lucide React, Outfit font.

  • Main Features

  • Safari & package booking: Multi-step wizard with dynamic pricing (jeep fees, tickets, extra hours). Package types include cooking class, village tour, bicycle rent. Confirmation pages per booking.
  • Destinations: Stored in Supabase with slugs, descriptions, pricing, vehicle/duration, seasonal info. Public listing and detail pages; full admin management.
  • Admin dashboard: Password + cookie auth; middleware protects all `/admin` routes. Manages bookings, package bookings, reviews, destinations, promo codes, calendar.
  • Reviews: Public submission; admin can moderate/approve.
  • Promo codes: Fixed or percentage discounts, min order, max discount, date range, usage limits; `applicable_scope` in DB.
  • Other: WhatsApp floating button, gallery, about, contact.

  • TECH_STACK
    C:\TECH>list
    Next.js 16TypeScriptSupabaseTailwind CSS v4CloudinaryResendPayPalZodFramer MotionLucide React
    KEY_FEATURES
    • [01]Safari & package booking (cooking class, village tour, bicycle rent) with dynamic pricing
    • [02]Destinations: public listing and detail pages; admin CRUD
    • [03]PayPal integration and advance payment tracking
    • [04]Promo codes (fixed/percentage, min order, date range, usage limits)
    • [05]Reviews with admin moderation; WhatsApp floating button, gallery, about, contact