Giter Club home page Giter Club logo

shdzhng / eco-pathfinder Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.25 MB

Eco Pathfinder is a proof of concept SPA that envisions a new way of accessing multi-modal travel information to embed the consideration of our carbon footprint into our everyday commute. Eco Pathfinder encourages a “slower” mode of travel by providing users with four travel methods to their destination alongside its CO2 emission. Implicitly promoting carpooling over personal automobiles for long-distance travel and the use of scooter/bicycle over automobile for local journeys.

HTML 1.53% CSS 15.37% JavaScript 82.72% Shell 0.38%
google-maps google-maps-api javascript maps

eco-pathfinder's Introduction

Eco Pathfinder GitHub last commit

Motivation

Eco Pathfinder is a SPA that envisions a new way of accessing multi-modal travel information to embed the consideration of our carbon footprint into our everyday commute. Eco Pathfinder encourages a “slower” mode of travel by providing users with four travel methods to their destination alongside its CO2 emission. Implicitly promoting carpooling over personal automobiles for long-distance travel and the use of scooter/bicycle over automobile for local journeys. LIVE DEMO HERE

▪ Utilized React,Redux,and CSS to compose an interface that illustrates various modes of transit and their impact on the environment, allowing users to make environmentally conscious transportation choices.

▪ Leveraged the GoogleMapsAPI to quickly implement rich features like allowing users to easily search for addresses via autocomplete, calculate the distance and time between two points across various modes of transportation, and visualize their route on an interactive map without reinventing the wheel.

▪ Designed a formula utilizing data from the U.S Department of Transportation inconjunction withdata from the Google Maps API to calculate total emissions based on the mode of transit and distance.

SPA Demo

Installation

  1. Clone the repository
$ git clone https://[email protected]:shdzhng/eco-pathfinder.git
  1. Install the node package
$ npm install
  1. If you wish to use your own Google Maps API key you can do so at .env.local in the root folder. Ensure that your credential have the following APIs enabled: Directions API, Geocoding API, Maps Javascript API, Places API
REACT_APP_GOOGLE_MAPS_API_KEY = ["YOUR_API_KEY"]
  1. Run npm start
$ npm start

Credits

Emissions calculation logic informed by data released by the U.S. Department of Transportation.

eco-pathfinder's People

Contributors

shdzhng avatar

Stargazers

Vivek avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.