Pacepal

An all-in-one running pace and training calculator

Next.js

ChartJS

View Pacepal.run

Overview

Pacepal is a web app designed to simplify the process of figuring out race splits and training zones. Using Next.js, Typscript and Vercel for web hosting, I set out to make a user-friendly platform for athletes of all levels be able to optimize their race plan and training goals.

Fuel for an ultra-marathon — Pace Calculator

Tech Stack

For Pacepal's architecture, NextJs served as the foundational framework for creating a fast, responsive, and SEO-friendly frontend, ensuring a seamless user experience. Tailwind provided all the styling needed for input components and chartjs was used for displaying the data visualizations for the training zone table.

NextJs - for frontend
ChartJs - for data visualizations and tables
TailwindUI - for components and templates
Tailwindcss - for styling
Vercel - for hosting

Features

Race Pace Calculator: This feature includes a form that allows users to input either a preset or custom distance, goal time, and choose to see splits in kilometers or miles. The split results are displayed in a table that can be downloaded.
Adjusting for Heat and Altitude: To account for the effects of environmental factors on running, the race pace calculator includes options for adjusting race times based on heat and altitude.
Training Zone Calculator: The website integrates a user-friendly subscription management system powered by Stripe, allowing users to easily subscribe to PacePal's services and manage their subscriptions hassle-free. This streamlined process ensures a smooth and convenient experience for clients, fostering long-term relationships and encouraging continued engagement with the platform's offerings.
Additional Resources: Beyond the race and training calculators, the website offers comprehensive and informative resources tailored to the specific needs of both seasoned and new runners. With a focus on delivering valuable insights and industry-specific knowledge, the platform empowers athletes to make informed decisions, enabling them to optimize their training strategies and stay ahead of the competition.

Future Updates

Looking ahead, after discussing with several users, one of my primary goals is to integrate more functionality for athletes seeking shorter distance splits. For example, providing 400m splits for a mile or two-mile race.

Additionally, there have been requests to provide workouts tailored to the current training zone paces within the training calculator.