Coder Social home page Coder Social logo

cmdenys / divvy-find-a-bike Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ruthhinkle/project-2-app

0.0 0.0 0.0 6.6 MB

Interactive visualization of available bikes and e-bikes at Divvy stations across Chicago via Flask application. Must be run locally to use.

HTML 63.51% Python 0.40% CSS 1.08% JavaScript 35.01%

divvy-find-a-bike's Introduction

Plan Your Divvy Trip

Run this repository locally to find a bike station close to you or your destination, check the station's capacity to find available bikes, and bike to the nearest landmark.

If you like to plan ahead, pick out a landmark or two and find the closest stations by looking at the map.

๐Ÿ“ How to Install

To run on your local machine, clone this repository. No extra installation is necessary.

If you do run into issues, check the installation and file requirements for the following libraries:

If you can't reconcile installation issues, let us know!

๐Ÿ’ป How to Run Locally

Step 1: Open your command prompt and navigate to the cloned directory.

Step 2: Create the database by entering:

python create_database.py

Step 3: Run app.py by entering:

python app.py 

Step 4: Your command prompt will output the local server link. Copy and paste that into your browser.

How to Use

๐Ÿ“ Check Nearby Stations To find a bike, check nearby stations and look at their status to see if there are bikes available. Light-blue pins indicate stations full of bikes, dark-blue pins indicate stations with less than 5 bikes, and red pins indicate empty stations. When you're done with your ride, red stations are great place to drop off your bike.
๐Ÿ—ฝ Visit Popular Landmarks To add popular Chicago landmarks to the map, select the "Landmarks" layer view in the top right corner of the map. Zoom in to see nearby stations for bike pick-up or drop-off. You can click on Landmark pins to see their names.
๐Ÿšฒ Follow Popular Routes To add popular Chicago landmarks to the map, select the "Landmarks" layer view in the top right corner of the map. Zoom in to see nearby stations for bike pick-up or drop-off. You can click on Landmark pins to see their names.
๐Ÿ”Ž Table View Navigate to the table tab for a different view! You can search a street name to locate all of the stations on that street."

Future Upgrades

  • Add information about each destination when you click on the icon.
  • Reconcile the conflict between MarkerClusterGroups and layer toggles for Full, Low, and Empty stations
  • Design a neutral template to be used with GBFS data from any other city following that data standard
  • Heroku deployment

โœ Contributors:

  • Andrew Neher - Project Manager, Designer, Landmark Lead
  • Charlie Denys - Front End, Ant-Path Lead
  • Drew McBride - Backend, Table View Lead
  • Nabila Farooqi - Dev Ops, Deployment, Bike Type Lead
  • Ruth Hinkle - Github Master, Documentation, Cluster/Layers Lead

divvy-find-a-bike's People

Contributors

ruthhinkle avatar nfarooqi92 avatar cmdenys avatar drewmcbride 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.