Steepless

Steepless is a web app to find the flattest routes and avoid the hilliest routes.

Screenshots

Story time

September 2014

I visited and stayed in San Francisco for 4 months, and the very first thing I realised that I need is a tool to navigate around the steep hills there. I wanted to build an app for that. I came back to Singapore and finally find the time to build it. And I call it Steepless.

This app also gives me a chance to try out the React library, which I find very interesting.

While building Steepless, I've done a bunch of research and found there are similar attempts by other developers:

• Bikesy
• Hill Mapper
• The Steeps Of San Francisco and its sequel
• Flattest Route
• Hillmap

Steepless is yet another attempt.

January 2022

It was my first attempt at building a React.JS app.

3 years later, Google "copied" it, which is apparently a killer new feature.

8 years later, I decided to revive this project.

Design

The design is initially inspired by a Google Maps demo for elevation in San Francisco (link borked, I couldn't find another or updated link). The rest of the UI is partially inspired by Google's Material Design.

The SVG icon sprite is generated with Fontastic.

Development

Requires Node.js.

• npm install to install the dependencies.
• npm start to start the server.

License

MIT