route-planner's Introduction

Route Planner using Google Maps, built with React JS, Redux and Immutable.js

Route Planner is a simple app that helps you to plan your travel routes.

Add upto 8 way points between start and end destinations of your route.
See distance and time details for each way points and whole route.

How to run locally?

Clone and cd into the repo.
Run npm install to download dependencies.
Run npm start to start the development server.
Open your browser and point to http://localhost:8080/

The application has a web pack dev server, so as you make your changes in your code, the changes will be immeditely reflected in your browser.

Screenshot

route-planner's People

Contributors

Stargazers

Watchers

route-planner's Issues

Upgrade project to use latest Babel / Webpack libraries.

Running grunt gives errors and never builds

I did npm install then ran grunt but I can't get it to build. I haven't modified the code at all, I only forked it. Not sure what I'm doing wrong. Great little app by the way!

Improvements

Hey, here's a list of improvements I would suggest:

Change wayPoints.map to wayPoints.each. You don't use the purpose of map at all, you are just looping through it really (Dashboard.js).
Create a generic function for the list items in your Dashboard component that you can re-use.
Something like:

function(property, value) {
    return (<li className={property}>
      <p className='value'>{value}</p>
      <p className='unit'>{property}</p>
    </li>)
  },

Rename event handlers
Rename the event handlers (not the name, the function name of the listener) from 'on' (like onClick, onBlur) to 'handle' (handleClick, handleBlur). If you check the react website you see in the examples that this is naming convention is used by default

When I have more time I will look through it more.
Regards, Patrick

Recommend Projects