Fitness Ready
Health Statistics Dashboard with Modern UI
Fitness Ready is a health-tech platform that consolidates health statistics into a single, comprehensive view. The Next.js frontend uses Tailwind CSS with tailwind-merge for styling, Radix UI primitives (Dialog, Select, Tabs, Checkbox, Popover, Tooltip, Collapsible) for accessible UI components, Recharts for health metric visualization, and Zustand for global state management. The platform includes PDF generation with jspdf, QR code generation, Mixpanel analytics, and Playwright end-to-end tests. The Go backend handles data management, authentication, and health data APIs with PostgreSQL migrations.
Tech Stack
Category
Core Contribution
Built the complete Next.js frontend application with Radix UI primitives for accessible components, Recharts for health data visualization, Zustand for state management, and Tailwind CSS for responsive styling. Implemented PDF report generation, QR code features, and Mixpanel analytics integration. Created Playwright end-to-end tests. Worked with the Go backend team on API integration.
Project Overview
A health platform enabling users to track and visualize their health statistics through a single dashboard. The platform features accessible UI components via Radix primitives, real-time health data visualization, PDF report generation, and comprehensive analytics tracking.
Technical Highlights
Radix UI primitives for accessible component system
Recharts health data visualization
Zustand state management with Axios API layer
PDF generation (jspdf) & QR code features
Go backend with PostgreSQL & migration system
Playwright end-to-end testing
Visual Gallery
