Fit App banner

Fit App

GitHub logo

About the Project

FrontendBackend

Disclaimer: The functionality to create new users has been disabled. Please use the test user to log in.

Fit App is a personal hobby project I developed to track my workouts and progress. The app allows you to create a profile, set up training plans, log workouts, and view statistics over time.

The app is built with Next.js and TypeScript, and uses Supabase to manage user and workout data. Basic PWA support has been added, so the app can be installed directly on mobile and used like a regular app.

I wanted a quick and easy way to log my workouts while also being able to track my progress over time. That’s why I wanted to gather all the features I needed in one place – with the ability to customize them to my needs.

Test User:

Email: test@test.com

Password: hello123

Techstack

icon-React
React
icon-Next.js
Next.js
icon-Supabase
Supabase
icon-Motion
Motion
icon-Tailwind CSS
Tailwind CSS
icon-TypeScript
TypeScript

Snapshots

  • snapshot
  • snapshot
  • snapshot
  • snapshot
  • snapshot

Technologies

I used Next.js as the React framework to develop the project, which made it possible to build a structured codebase. I have also made use of server actions to handle data updates.

I used Supabase as the database, which integrates well with Next.js. Supabase provides a range of features that make it easy to manage user data and authentication.

Framer Motion made it possible to add smooth animations and interactions that enhance the user experience. In this project, I used it to animate various modals and interactive elements.

I used Tailwind CSS to style my components. Tailwind made it easy to implement responsive design and ensure a consistent style across the application.

TypeScript helped me write more robust and maintainable code. By adding type checking to JavaScript, I reduced errors and improved the development process.