Work

🏃 FitQuench Exercise Tracker App

React
Supabase DB
User Auth
Node.js
Full Stack

Welcome to FitQuench, a fun and interactive app built with React, Node.js, Vite, Supabase database and user authentication! This app is designed to help you keep track of your exercise and drinking habits. FitQuench allows you to log the days you exercise 🏃‍♀️ and the days you enjoy a drink 🍷. It provides a visual representation of your habits, helping you understand your lifestyle better.

A screenshot of the OpenAI iMessage App interface with a chat conversation.

FitQuench: Tracking Your Exercise and Drinking Habits

Visit the live app

Current Global Usership: 25 users
Be a part of the growing global beta testing community. Try it out. Let me know what you think!

This app is a solution to a real-world problem I experienced while trying to track my exercise days on a paper calendar on my refrigerator. I also wanted to keep track of days that I choose to drink alcohol, so I can make sure I am always in good balance.

Built with React, Vite, & Node.js, with a Supabase database and User Authentication, I designed this full-stack app with the intention of putting my development skills to use to solve real world problems.

Introduction

In an era where instant communication is paramount, the FitQuench app stands out by incorporating robust user authentication and real-time database functionality, empowering users to track their habits effectively. This project showcases the journey of building a full-stack application, from implementing user authentication to integrating a real-time database, all while utilizing React for the frontend and Supabase for the backend.

React Frontend and Supabase Backend Integration
  • Seamless User Authentication: FitQuench utilizes Supabase’s authentication system to securely manage user accounts, allowing users to sign up, log in, and protect their data.
  • Real-time Database: Leveraging Supabase’s real-time database capabilities, FitQuench ensures that users’ exercise and drinking habits are updated instantly across all devices, providing a seamless and responsive experience.
  • Dynamic Frontend: The app’s frontend is built with React, enabling interactive and engaging user interfaces that adapt to users’ actions in real-time.
User Authentication and Security
  • Secure Authentication: FitQuench employs industry-standard security measures to protect user accounts and data, ensuring a safe and reliable experience for all users.
  • Customizable User Profiles: Users can personalize their profiles within the app, allowing them to track their progress and stay motivated on their fitness journey.
  • Role-based Access Control: FitQuench implements role-based access control to manage user permissions effectively, ensuring that each user has access only to the features and data relevant to them.
Real-time Data Updates and Habit Tracking
  • Instant Feedback: FitQuench provides users with immediate feedback on their exercise and drinking habits, helping them stay accountable and motivated to achieve their goals.
  • Calendar-based Tracking: Users can easily visualize their habits over time by selecting dates on a calendar, making it convenient to identify patterns and track progress.
  • Insightful Analytics: FitQuench offers insightful analytics and visualizations to help users gain deeper insights into their habits, enabling them to make informed decisions about their health and wellness.
Performance and Scalability
  • Optimized Performance: FitQuench is optimized for performance, ensuring fast loading times and smooth interactions even as user activity scales.
  • Scalable Architecture: Built with scalability in mind, FitQuench can accommodate a growing user base and increasing data volume without compromising performance or reliability.

🏋️‍♀️ Start Tracking Your Habits Today!

FitQuench is more than just an app—it’s a comprehensive solution for tracking your exercise and drinking habits, empowering you to live a healthier and more balanced lifestyle. With its intuitive interface, real-time updates, and robust security features, FitQuench is your ultimate companion on the journey to better health and wellness. Start tracking your habits today and take control of your fitness journey with FitQuench!


This project showcases the power of full-stack development, demonstrating how React, Supabase, and user authentication can come together to create a seamless and engaging user experience. Thanks for being a beta user!

Visit the live app