I built ihrun.club to give Iron Horse Run Club a clear, welcoming place of its own on the web.
The club brings road and trail runners together across Danville, Alamo, Walnut Creek, and the wider East Bay. The website needed to make joining a run feel simple while preserving the routes, photographs, and small milestones that tell the story of the community.
Designing Around the Next Run
The first question from a new runner is usually practical: When is the next run, where do we meet, and how do I join?
I designed the site around that path. Visitors can open the next-run details, send the information to their email, find the meeting point, or continue to the club's Instagram and Strava pages. The layout stays focused on the run instead of asking people to search through multiple pages.
The experience is responsive from the beginning. On a phone, the navigation and forms use touch-friendly sheets. On a larger screen, the same information has room to breathe without becoming sparse.
Turning Every Run Into a Story
The run archive is the heart of the website. Each entry combines a date, distance, route, interactive map, short recap, and photo gallery. That makes the site useful before a run and meaningful afterward.
Each run brings the route, distance, story, and photography into one place.
I used MapLibre for the route maps and built the archive so new runs can be added as the club grows. The photo galleries give each outing its own visual rhythm, while clear credits make the photographer part of the story rather than an afterthought.
Building the Experience
I built the site with Next.js, React, TypeScript, and Tailwind CSS. MapLibre powers the maps, Motion handles focused transitions, and the next-run email flow sends current meetup details through Resend.
The interface also includes light and dark themes, accessible controls, responsive image galleries, contact flows, and links to the club's public channels. I kept the visual system quiet and editorial so the routes and photography remain the focus.
I designed, built, and continue to maintain the club's digital home.
A Project Close to Home
This project brings together two things I care about: design engineering and running with other people. It is not just a showcase page. It is a working home for an active community, built to become more useful with every shared mile.
Visit Iron Horse Run Club to see the next run, explore the archive, and join us in the East Bay.
Trail photography featured on the site is by Chinggis Munkhbat.