Blog Post about building Hitflow.xyz

• Building Hitflow.xyz - In a Week

Hit Flow - High Intensity Training Tracker

A specialized tracking tool designed for high-intensity training protocols, focusing on time under load and weight progression.

Features

• 🏋️‍♂️ Weight Unit Flexibility: Toggle between lbs/kg with a simple click
• ⏱️ Time Under Load Tracking: Precise timing for each exercise
• 🔔 Audio Countdown: Configurable audio alerts
• 📊 Progress Visualization: Track your strength gains over time
• 💾 Data Export: Full control over your training data

Usage Tips

Weight Units

Click on the "Weight (lbs)" header to toggle between pounds and kilograms. Your preference is saved automatically.

Timer Controls

The timer includes configurable audio countdown alerts to help match or exceed your previous session's time under load.

Built With

• React
• Supabase
• TailwindCSS
• TypeScript

Development

This project was bootstrapped with Create React App.

Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Create a .env file with your Supabase credentials
4. Start the development server:

npm start

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Acknowledgments

• Inspired by Body By Science
• Timer sound from Notification Sounds

Contact

Created by @0xhashbrown - feel free to reach out!

Visit Hit Flow to try it out.