JR Logo
Tiki Tours
Updated Jan 2025Next.js 14

Tiki Tours

Trip planning app built with Next.js. Handles timelines, budgets, and activity tracking.

Next.js app for organizing trips and tracking activities. Named after the NZ term for exploration.

Build Key Features

  1. 01

    Timeline View

    Timeline for organizing trip activities. Uses drag-drop for quick rescheduling.

  2. 02

    Budget Tools

    Basic expense tracking with category breakdowns.

  3. 03

    Activity System

    Form-based activity creation with status tracking.

Friction Challenges

  1. 1

    Timeline Logic

    Building a responsive timeline that handles overlapping activities and date changes.

  2. 2

    Data Structure

    Setting up trip data for efficient updates and filtering.

Takeaways Learnings

App Structure

  • Next.js app router patterns
  • TypeScript with complex data types

UI Patterns

  • Timeline component optimization
  • Form state management