cheeaun / steepless

An app to find the flattest routes and avoid the hilliest routes

Home Page:https://cheeaun.github.io/steepless/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

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

About

An app to find the flattest routes and avoid the hilliest routes

https://cheeaun.github.io/steepless/


Languages

Language:JavaScript 72.2%Language:CSS 24.8%Language:HTML 2.9%