Stridash - Fitness Dashboard Application

Stridash is a fitness dashboard application for tracking workouts, visualizing progress, and managing training routines. It provides a clean, responsive interface for logging activities and viewing performance trends over time.

I designed and built this as a personal project to showcase my frontend skills with data visualization. It demonstrates my ability to build interactive, data-heavy UIs with clean component architecture.

React 18, TypeScript, Vite, TanStack Router, Tailwind CSS, Recharts (data visualization), date-fns

Interactive dashboard with workout statistics and progress charts. Activity logging with customizable exercise types and metrics. Weekly and monthly progress visualization using Recharts. Responsive layout that works on desktop and mobile. Dark mode support. Clean component architecture with reusable UI components. Type-safe development with TypeScript throughout.

The dashboard uses Recharts for rendering performance charts that update in real-time as users log activities. I built a custom hook system for managing workout state and calculations. The app uses TanStack Router for client-side routing with type-safe route parameters. The component library follows a composable pattern, making it easy to extend with new chart types or activity categories.

GitHub: https://github.com/indraakkk/stridedash