A workout and meal generation tool to help users manage personalized fitness and nutrition plans.

— Git-N-Shape

JavaScript
HTML
CSS
Bulma
GSAP
ExerciseDB
Spoonacular
Font Awesome
API Integration
LocalStorage
CSS Grid
CSS Flexbox

Git-N-Shape is a front-end web app that helps users generate custom workout routines and meal plans based on their fitness goals. Built with HTML5, CSS3, and JavaScript, it integrates third-party APIs to deliver dynamic content and interactive user experiences.


The app uses the Spoonacular API to generate balanced meal plans for breakfast, lunch, and dinner, each with full recipes accessible via modal popups. Users can save and compare different plans using localStorage for persistent state management on the client side.


Workout routines were originally powered by the ExerciseDB API, allowing users to target specific muscle groups. Note: Due to a business model change, the ExerciseDB API now requires a paid key, and the live version currently lacks this functionality.


The UI is built using the Bulma CSS framework for layout and form control, enhanced with GSAP animations for smooth transitions. Font Awesome provides iconography, and all state is managed via vanilla JavaScript for lightweight performance.


Key Contributions: API integration, dynamic DOM manipulation, modular JS structure, responsive design, form handling, local storage persistence, custom modal logic, and graceful error handling. Designed and built end-to-end with performance and UX in mind.


Contributors:

Taylor Hakes

Michael Heinhold

Austin Ewell

CorySlsbry

Project Views:

Git-N-Shape Intro

Git-N-Shape Intro

Git-N-Shape Landing

Git-N-Shape Landing

Git-N-Shape Meal Plan

Git-N-Shape Meal Plan

Git-N-Shape Save Meal Plan

Git-N-Shape Save Meal Plan

Git-N-Shape Save Plan Success Message

Git-N-Shape Save Plan Success Message

Git-N-Shape Saved Plans

Git-N-Shape Saved Plans

Git-N-Shape View Saved Plans

Git-N-Shape View Saved Plans

Git-N-Shape Delete Saved Plans

Git-N-Shape Delete Saved Plans