The Making of Routeshuffle 🚀

A new website for generating random routes for running, walking and biking on the fly, made by a high school runner

Riley Walz
Feb 27, 2018 · 3 min read

Towards the end of last summer, I had thought of an idea for a random route generator. I had run almost everyday that summer and it was hard to pick out which roads and trails I was going to run on. Especially since I had been in LA, San Francisco and Minneapolis, I mostly just ran in blocks around the hotels we stayed at because I didn’t know the cities well.

In a few weeks, I had an idea of what I was going to build. I didn’t really know how to code, besides a basic knowledge of HTML, CSS and JS. Here’s a simple mockup of what I had at first:

Image for post
Image for post
Yikes is right

Then I started actually building something. Picking out a name was the hard part, I couldn’t pick between Routefit or Routeshuffle. The latter seemed better because it sort of described what the website would do. In early November I had this done:

Image for post
Image for post
Looks and works good!

But then I thought about monetization. How could I make money from this? Ads was an idea. But they’re ugly and I wouldn’t make much. A premium plan sounded better. I was venturing into the server side of things, something I had no clue about. I went with Node JS because I already knew basic JS from building the front end.

Thanks for the picture, Mom…

I got organized and made a plan about what the premium plan would include. For an extra fee, users could get an account to export routes to services like Google Maps and Komoot, download as GPX and KML files, and schedule reminders to use their routes.

Node was actually simpler than I thought to set everything up. I coded straight into Glitch, an awesome free web editor for Node projects I wish more people knew about. Making a todo list at the end of the day with things to do the next day helped to get back to work when I woke up.

Image for post
Image for post
The Saved page for premium users

I finished the premium plan ahead of schedule, so I added an extra feature called Infinity. It lets users setup routes to be created and emailed automatically at certain times and days of the week! Without even going to the website, you can be both reminded to run and given a route to use.

Image for post
Image for post
A screenshot of the Infinity setup page

Now that Routeshuffle is finally finished, I can’t wait to see what everyone thinks. Try Routeshuffle now for yourself, and let me know if you have any feedback or suggestions!

Image for post
Image for post
The final look of the homepage, and as it looks currently

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store