Routine Types

import { IRoutineCategoryResponse, IRoutineCategory } from './types';

async function getCategories(): Promise<IRoutineCategory[]> {
  const response = await fetch(
    'https://api.bodyworks.io/routines/categories'
  );
  const result: IRoutineCategoryResponse = await response.json();
  return result.data.category;
}

// Display categories
const categories = await getCategories();
categories.forEach((cat) => {
  console.log(`${cat.title}: ${cat.imageUrl}`);
});

import { IRoutine } from './types';

function displayWorkoutPlan(routine: IRoutine): void {
  console.log(`\n${routine.routine.routine_title}`);
  console.log('='.repeat(50));
  console.log(routine.routine.routine_description);
  console.log('\nWorkout Plan:');
  
  routine.routine.workout_plan.forEach((day, index) => {
    console.log(`\n${day.heading}`);
    console.log(day.day_plan);
  });
  
  console.log('\nSummary:');
  const summary = routine.routine.workout_summary;
  console.log(`Goal: ${summary.MainGoal}`);
  console.log(`Level: ${summary.TrainingLevel}`);
  console.log(`Duration: ${summary.ProgramDuration}`);
  console.log(`Days/Week: ${summary.DaysPerWeek}`);
  console.log(`Time/Workout: ${summary.TimePerWorkout}`);
}

import React, { useState, useEffect } from 'react';
import { IRoutine, IRoutinesResponse } from './types';

interface RoutineCardProps {
  routine: IRoutine;
}

const RoutineCard: React.FC<RoutineCardProps> = ({ routine }) => {
  const { routine: r } = routine;
  
  return (
    <div className="routine-card">
      <img src={r.routine_imageUrl} alt={r.routine_title} />
      <h3>{r.routine_title}</h3>
      <p>{r.routine_description}</p>
      
      <div className="summary">
        <span>Level: {r.workout_summary.TrainingLevel}</span>
        <span>Days: {r.workout_summary.DaysPerWeek}/week</span>
        <span>Duration: {r.workout_summary.ProgramDuration}</span>
      </div>
      
      <div className="categories">
        {routine.category.map((cat, idx) => (
          <span key={idx} className="badge">{cat}</span>
        ))}
      </div>
    </div>
  );
};

export const RoutineList: React.FC = () => {
  const [routines, setRoutines] = useState<IRoutine[]>([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    async function fetchRoutines() {
      const response = await fetch('https://api.bodyworks.io/routines');
      const data: IRoutinesResponse = await response.json();
      setRoutines(data.data);
      setLoading(false);
    }

    fetchRoutines();
  }, []);

  if (loading) return <div>Loading...</div>;

  return (
    <div className="routine-list">
      {routines.map((routine) => (
        <RoutineCard key={routine.id} routine={routine} />
      ))}
    </div>
  );
};

import { IRoutinesResponse, IRoutine } from './types';

interface RoutineFilters {
  level?: string;
  daysPerWeek?: number;
  goal?: string;
}

function filterRoutines(
  response: IRoutinesResponse,
  filters: RoutineFilters
): IRoutine[] {
  return response.data.filter((routine) => {
    const summary = routine.routine.workout_summary;
    
    if (filters.level && summary.TrainingLevel !== filters.level) {
      return false;
    }
    
    if (filters.daysPerWeek && summary.DaysPerWeek !== filters.daysPerWeek) {
      return false;
    }
    
    if (filters.goal && summary.MainGoal !== filters.goal) {
      return false;
    }
    
    return true;
  });
}

// Usage
const allRoutines = await getRoutines();
const beginnerRoutines = filterRoutines(allRoutines, {
  level: 'Beginner',
  daysPerWeek: 3
});