DEV Community

liang yueqi
liang yueqi

Posted on

From Marathon Runner to Developer: How I Built a Marathon Pace Chart Website

Hi everyone! 👋

I’m an avid runner and recently completed my first marathon. As someone who loves both running and coding, I wanted to combine these passions to solve a problem I faced during my training: tracking my pace effectively.

During my marathon preparation, I often found myself struggling to calculate my target pace for different distances. I needed a tool that could help me visualize my pace per mile or kilometer, so I decided to build my own solution: Marathon Pace Chart.

website url: https://marathonpacechart.run/

What is Marathon Pace Chart?

The Marathon Pace Chart is a simple yet powerful tool designed to help runners like me calculate their target pace for various distances, including marathons, half marathons, 10Ks, and 5Ks. It provides a clear breakdown of pace per mile or kilometer, making it easier to plan training sessions and race strategies.

Here’s a quick example of how it works:

Goal: Finish a marathon in 4 hours.

Pace: The tool calculates that you need to maintain a pace of 9:09 per mile or 5:41 per kilometer.

Why I Built It

As a runner, I know how important it is to stay on pace during a race. Going too fast can lead to burnout, while going too slow might mean missing your goal. I wanted a tool that was easy to use, visually clear, and accessible to runners of all levels.

Features of the Website

Pace Calculation: Input your goal time and distance to get your target pace.

Multiple Distances: Supports marathons, half marathons, 10Ks, and 5Ks.

User-Friendly Design: Clean and intuitive interface for quick calculations.

What’s Next?

I’m constantly looking for ways to improve the website. Some ideas I’m considering include:

Adding a training plan generator based on pace goals.

Integrating real-time race pace tracking.

Supporting custom distances for ultramarathons or other events.

I’d love to hear your feedback! If you’re a runner or a developer, what features would you find useful? Are there any improvements I can make to the design or functionality?

Try It Out!

If you’re a runner or know someone who is, feel free to check out the Marathon Pace Chart and let me know what you think. Your feedback will help me make it even better!

Call to Action

What tools or features do you wish existed for runners? Have you ever built something to solve a personal problem? Let’s discuss in the comments below! 🏃‍♂️💻

Top comments (2)

Collapse
 
janeofcode profile image
JaneOfCode

The website looks neat. Well done!
As for additional functionality, I would probably add an separate page for planning preparation workouts. For example, to be able to set custom distances for workouts, set paces for mixed intensity (sprint/normal) during one workout, add possibility to record workout notes. To make the app more individualized.
Good luck!

Collapse
 
lucas7 profile image
liang yueqi

Thank you so much for your feedback! 🙌 I love your idea of adding a separate page for planning preparation workouts with custom distances, mixed intensity paces, and workout notes. It’s a great way to make the app more personalized. I’ll definitely consider this for future updates!

Thanks again for your support and suggestions! 🚀