Exercise Database

Explore exercises with detailed instructions and muscle group information

\n\n {/* Search and Filters */}\n

\n {/* Search Bar */}\n

\n \n Search Exercises\n \n setSearchTerm(e.target.value)}\n placeholder=\"Search by name, muscle group, or category...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n\n {/* Category Filter */}\n

\n \n Filter by Category\n \n

\n {getCategories().map((category) => (\n setSelectedCategory(category)}\n className={`flex items-center space-x-1 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n selectedCategory === category\n ? 'bg-blue-600 text-white'\n : 'bg-gray-100 text-gray-700 hover:bg-gray-200'\n }`}\n >\n {getCategoryIcon(category)}\n {category}\n \n ))}\n

\n\n {/* Results Count */}\n

\n Showing {filteredExercises.length} of {exercises.length} exercises\n

\n\n {/* Exercise Grid */}\n

\n {filteredExercises.map((exercise) => (\n setSelectedExercise(exercise)}\n >\n

{exercise.name}

\n {getCategoryIcon(exercise.category)}\n

\n \n

\n Category:\n {exercise.category}\n

\n \n

\n Muscle Groups:\n

\n {exercise.muscle_groups.split(', ').map((muscle, index) => (\n \n {muscle}\n \n ))}\n

\n \n {exercise.equipment && (\n

\n Equipment:\n {exercise.equipment}\n

\n )}\n

\n \n

\n {exercise.instructions}\n

\n \n

\n ))}\n

\n\n {/* No Results */}\n {filteredExercises.length === 0 && (\n

🔍

No exercises found

\n Try adjusting your search terms or category filter\n

\n )}\n\n {/* Exercise Detail Modal */}\n {selectedExercise && (\n

\n {getCategoryIcon(selectedExercise.category)}\n

{selectedExercise.name}

{selectedExercise.category}

\n setSelectedExercise(null)}\n className=\"text-gray-400 hover:text-gray-600\"\n >\n ✕\n \n

\n\n

\n {/* Muscle Groups */}\n

Target Muscle Groups

\n {selectedExercise.muscle_groups.split(', ').map((muscle, index) => (\n \n {muscle}\n \n ))}\n

\n\n {/* Equipment */}\n {selectedExercise.equipment && (\n

Equipment Needed

{selectedExercise.equipment}

\n )}\n\n {/* Instructions */}\n

Instructions

{selectedExercise.instructions}

\n\n {/* Tips */}\n

💡 Pro Tips

• Focus on proper form over heavy weight
• Control the movement in both directions
• Breathe properly throughout the exercise
• Start with lighter weights to master the technique
• Listen to your body and rest when needed

\n )}\n \n );\n}","deleted","label",[170,171,152],"frontend","components","permalink","https://www.val.town/x/lily_2025/Gymtracking/code/frontend/components/ExerciseDatabase.tsx","extension","actionData","errors"]