Tour Reservation Platform
The frontend of a production tour-reservation platform: booking flows and animated UI.
Role
Frontend engineer — WebCore
Stack
Next.js, TypeScript, Tailwind CSS, Redux Toolkit
Language
Next.js
Repository
Link pending
Problem
Tour reservation demands a booking experience that stays clear under real-world constraints: availability, pricing steps, customer details, and confirmation — while remaining fast and pleasant to use.
Solution
Production frontend for a tour-reservation platform, built at WebCore with Next.js, TypeScript, and Tailwind CSS — including end-to-end booking flows and animated UI components.
My contribution
Built the frontend with Next.js, TypeScript, Tailwind CSS, Redux Toolkit, and Framer Motion: booking flows, animated UI components, and the supporting state architecture.
Architecture
Redux Toolkit owns booking state (selected tour, traveler details, step progression); Framer Motion choreographs step transitions; Next.js App Router pages compose server-rendered content with client-side booking interactivity.
Overview
This is the production frontend of a tour-reservation platform, built within the WebCore engineering team. The reservation experience spans discovery, tour detail, multi-step booking, and confirmation.
Technical Decisions
Booking state lives in a Redux Toolkit slice with explicit step transitions; Framer Motion animates transitions between steps so the flow reads as one continuous journey rather than separate pages.
Results
Shipped to production. This work converted my 6-month internship at WebCore into a full-time engineering role based on performance.
The hard part
Keeping multi-step booking flows resilient — users go back, change details, and expect the flow to stay consistent without losing state.
A decision worth noting
Modeled the booking flow as an explicit state machine in Redux Toolkit rather than scattered local state, making invalid step combinations impossible and the flow testable.
Outcome
A production platform frontend, shipped as part of my full-time role at WebCore (Mar 2025 – Present).
Next project
Blue-Green Deployment Pipeline