DA

Fit & Fly

AI-powered travel workout and meal planner for fitness-conscious travelers.

Completed 2025-06
2 days duration
Full-stack Developer & UX Designer
Next.js
TypeScript
Zustand
Framer Motion
Tailwind CSS
shadcn/ui
AI Integration
Fit & Fly

The Problem

Travelers often struggle to maintain their fitness routines and healthy eating habits while traveling, lacking personalized guidance for their specific destinations and available resources.

The Solution

Built a comprehensive travel fitness app that provides AI-powered, location-aware workout and meal planning with real-time tracking capabilities and cultural cuisine integration.

Challenges & Approach

  • Creating an intuitive multi-step onboarding flow with complex form validation
  • Implementing persistent state management for offline capability
  • Designing a responsive workout session interface with timer functionality
  • Integrating regional cuisine data for personalized meal suggestions
  • Building complex animations while maintaining 60fps performance
  • Handling complex nested state updates for workout progress tracking

Technical Decisions

Zustand for state management

Lightweight alternative to Redux with excellent TypeScript support and simpler boilerplate for complex state

Framer Motion for animations

Provides declarative animations with layout animations and gesture support crucial for mobile interactions

Next.js App Router

Latest routing system with improved performance and better developer experience for modern React patterns

TypeScript with Zod validation

Ensures type safety throughout the app and provides runtime validation for user inputs

shadcn/ui component system

Provides consistent, accessible components while allowing full customization and brand integration

Key Learnings

  • Complex state management requires careful architecture planning from the start
  • Mobile-first design is crucial for fitness and travel applications
  • User onboarding flow significantly impacts overall app adoption
  • Performance optimization is critical for animation-heavy applications
  • Persistent storage strategies need to handle edge cases gracefully

Other Projects

Iron Works Gym

Iron Works Gym

Complete website redesign and migration from Squarespace to a custom Next.js application for a local Seattle-area fitness center.

View Project
VitaFlow

VitaFlow

A modern pharmacy and healthcare provider website.

View Project
DA

Building exceptional digital experiences with modern web technologies.

Quick Links

© 2026 Drake Alia. All rights reserved.