Back to Projects

Fitness Pal

WIP fitness tracking web app built on Next.js 16 with Prisma ORM, Radix UI components, and Tailwind CSS

Fitness Pal

Fitness Pal

Overview

Fitness Pal is a work-in-progress fitness tracking web app built on Next.js 16. It aims to help users log workouts and track progress, with a UI built on Radix UI and Tailwind CSS and a Prisma-backed data layer. As an early-stage project, the feature set is still evolving.

Key Features

  • Workout Tracking: Log workouts and track progress over time
  • Type-safe Data: Data managed through Prisma ORM
  • Clean UI: Interface built with Radix UI primitives and Tailwind CSS
  • Containerised: Docker setup for consistent local development
  • Responsive Design: Works across desktop and mobile

Technical Stack

  • Framework: Next.js (v16), React, TypeScript
  • Data: Prisma ORM
  • Styling: Tailwind CSS, Radix UI
  • Tooling: Docker

Architecture

The application follows a modern full-stack Next.js architecture:

  • Frontend: Next.js with React and Radix UI components
  • Data Layer: Prisma ORM for type-safe database operations
  • Tooling: Docker for a reproducible development environment
  • Styling: Tailwind CSS for the UI

Challenges & Solutions

  • Bleeding Edge: Built on Next.js 16, keeping pace with recent framework changes
  • Data Consistency: Prisma ORM for type-safe operations and migrations
  • Reproducibility: Docker for a consistent dev setup
  • UI Consistency: Radix UI primitives for accessible components

Impact & Results

  • Foundation: Establishes a solid base for fitness tracking features
  • Modern Stack: Built on the latest Next.js with a type-safe data layer
  • Accessibility: Radix UI components keep the interface accessible