Key Features

// Wizard state is managed with Zustand
import { useWizardStore } from '@/features/wizard/store/wizard-store';

const { 
  currentStep,
  level,
  goal, 
  timeAvailable,
  equipment,
  setLevel,
  nextStep,
  prevStep 
} = useWizardStore();

// Each step is a separate component
export function StepLevel() {
  const { level, setLevel, nextStep, canProceed } = useWizardStore();

  const handleSelect = (value: TrainingLevel) => {
    setLevel(value);
  };

  return (
    <div className="space-y-6">
      <div className="text-center mb-8">
        <h2 className="text-2xl md:text-3xl font-bold text-white mb-2">
          ¿Cuál es tu nivel de entrenamiento?
        </h2>
        <p className="text-gray-400">
          Selecciona el nivel que mejor describe tu experiencia actual
        </p>
      </div>
      {/* Option cards */}
      <NavigationButtons
        onNext={nextStep}
        canProceed={canProceed()}
        isFirstStep
      />
    </div>
  );
}

// Meal plan data structure
import { mealPlanPhase1 } from '@/features/meal-plan/data/meal-plan-phase1';

{
  phase: 1,
  name: "Fase de Adaptación",
  duration: "Semanas 1-4",
  description: "Establecer hábitos alimenticios saludables",
  macros: {
    calories: 2000,
    protein: 150,
    carbs: 200,
    fats: 65
  },
  meals: [
    {
      time: "7:00 AM",
      name: "Desayuno",
      foods: [...],
      calories: 450,
      protein: 35,
      carbs: 45,
      fats: 15
    },
    // ... more meals
  ]
}

// Food exchange groups
import { foodExchanges } from '@/features/meal-plan/data/food-exchanges';

{
  category: "Proteínas",
  exchanges: [
    { food: "Pechuga de pollo", amount: "100g", protein: 31, carbs: 0, fats: 3.6 },
    { food: "Pescado blanco", amount: "100g", protein: 20, carbs: 0, fats: 1.5 },
    { food: "Huevos enteros", amount: "2 unidades", protein: 13, carbs: 1, fats: 10 },
    // ... more exchanges
  ]
}

// Create payment preference
POST /api/payment/mercadopago/create-preference

{
  "title": "Suscripción Pro - JCV Fitness",
  "unit_price": 89900,
  "quantity": 1,
  "currency_id": "COP",
  "payer": {
    "email": "[email protected]"
  },
  "external_reference": "user-uuid-PLAN_PRO"
}

// Webhook endpoint at mercadopago-jcv.fagal142010.workers.dev
POST /webhook/mercadopago

// Validates payment and updates subscription status
// Logs all webhooks to webhook_logs table
// Updates subscriptions table with new status
// Triggers subscription_audit_log entry

interface Exercise {
  id: string;
  name: string;
  category: string;
  muscleGroups: string[];
  equipment: string[];
  difficulty: 'beginner' | 'intermediate' | 'advanced' | 'elite';
  videoUrl?: string;
  instructions: string[];
  commonMistakes: string[];
  alternatives: string[];
}

// Access auth state anywhere
import { useAuth } from '@/features/auth';

const { 
  user,
  session,
  profile,
  isAuthenticated,
  isLoading,
  signIn,
  signOut 
} = useAuth();

-- Users can only read their own data
CREATE POLICY "Users can read own profile"
  ON profiles FOR SELECT
  USING (auth.uid() = id);

-- Users can only update their own plans
CREATE POLICY "Users can update own plans"
  ON user_plans FOR UPDATE
  USING (auth.uid() = user_id);

import { ProtectedRoute } from '@/features/auth';

export default function DashboardPage() {
  return (
    <ProtectedRoute>
      {/* Dashboard content only shown to authenticated users */}
    </ProtectedRoute>
  );
}

// Generate PDF with watermark
POST /api/plan/generate-pdf

{
  "userId": "user-uuid",
  "planType": "workout",
  "includeExerciseLibrary": true,
  "watermark": true
}

// Response includes download URL
{
  "url": "https://storage.example.com/plans/user-uuid-workout.pdf",
  "expiresAt": "2026-03-08T00:00:00Z"
}

interface PlanDownload {
  id: string;
  user_id: string;
  plan_type: 'workout' | 'meal' | 'both';
  downloaded_at: string;
  ip_address?: string;
}

{
  "framework": "Next.js 16",
  "ui-library": "React 19",
  "language": "TypeScript",
  "styling": "Tailwind CSS 4",
  "state-management": "Zustand 5",
  "deployment": "Cloudflare Pages"
}

{
  "authentication": "Supabase Auth",
  "database": "Supabase (PostgreSQL)",
  "storage": "Supabase Storage",
  "payments": "MercadoPago",
  "webhooks": "Cloudflare Workers",
  "email": "Supabase Email"
}