THE WORK / A CLOSER LOOK

NutriFlex Dashboard

Next.jsReactTypeScriptRechartspdfmakeSWRLucideTailwind

Discuss a similar challenge

MY ROLE: Frontend Development

01 / overview

The idea & the product

Nutrition and fitness tracking dashboard with real-time metrics, interactive charts, and PDF report generation.

02 / story

The full story

A Next.js dashboard for comprehensive nutrition and fitness management. Users can log meals, track workouts, view health metrics over time via Recharts, and export detailed PDF health reports with pdfmake. Built with SWR for data fetching and Tailwind CSS 4 for styling.

03 / architecture

Under the surface

Web App / Health & Fitness Dashboard

What the product does

Real-time nutrition and calorie tracking
Fitness activity logging
Interactive data visualization (Recharts)
PDF health report generation (pdfmake)
Historical data tracking
SWR for data fetching with revalidation
Responsive dashboard layout
Health metrics overview cards

Where this connects.

Explore more projects, read the engineering field notes, or browse the services if you're planning something similar.