Skip to content

FitVerse follows a component-driven architecture, structured into modular, reusable components that handle data fetching, UI rendering, and user interaction separately. Each section of the page is self-contained, improving maintainability and scalability.

Notifications You must be signed in to change notification settings

Maram-Qais/fitverse-react-api

Repository files navigation

FitVerse

A modern fitness web app built with React + Vite + Tailwind + GSAP, powered by ExerciseDB and YouTube Data APIs for dynamic exercise information and guided tutorials.

Live:

https://fitverse-react-api-7gbu.vercel.app/

Tech Stack

React (Vite) – Fast modular frontend

Tailwind CSS – Utility-first styling

GSAP – Smooth timeline-based animations

React Router DOM – Page + section navigation

ExerciseDB API – Real-time exercise data

YouTube Search API – Embedded video tutorials

Vercel – Hosting & CI/CD

Key Features

🔍 Search Exercises — Filter by name, body part, or equipment via ExerciseDB

🎥 Video Tutorials — Fetch related YouTube videos dynamically

⚡ GSAP Animations — Hero banner, section transitions, and drop-in effects

📱 Responsive UI — Mobile-friendly design with smooth navigation

🧭 Smart Scroll Nav — Scrolls to page sections using React Router

setup

git clone https://github.com/Maram-Qais/FitVerse-react-api.git cd FitVerse npm install npm run dev

About

FitVerse follows a component-driven architecture, structured into modular, reusable components that handle data fetching, UI rendering, and user interaction separately. Each section of the page is self-contained, improving maintainability and scalability.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published