Code Monkey home page Code Monkey logo

bike-see's People

Contributors

kaohman avatar

Stargazers

 avatar

bike-see's Issues

Add Thunks

  • Fetch cities thunk
  • Fetch stations thunk

Build backend

  • MongoDB? API endpoints? Move everything from local storage to backend
  • Ability to sign-up/login
  • Ability to POST/GET user favorites from backend
  • Ability to POST/GET user current city from backend

Extensions

  • Include other landmarks on map
  • Move data to Postgres DB
  • Tell user when there are no bike stations within map bounds
  • Get rid of cities view - only show stations in map view, also network name
  • Add create/save trip itineraries functionality

Refactor

  • Readmes - front and back ends
  • Functionality to verify password
  • More user instructions
  • Add user name to header
  • Login/sign up error handling
  • Media queries
  • Add station distance from current user location

Search Bar

Use react-leaflet-search (or other library) to add search bar to map.

Favorites

Ability to add/remove favorites

  • when user clicks on station, there is a link to add to/remove from favorites
  • favorited stations show up in a different color
  • when user clicks on navlink, only favorite stations are shown
  • favorites are stored in local storage

Async bugs

  • Cities not loaded when map is first created
  • Error handling in thunks/login
  • Map ref does not work when first created

BikeMap

  • Add functionality to show cities
  • Add functionality to show stations
  • Add functionality to show favorite places
  • Format tooltips

Routes

Link up things showing on map to routes.

  • on '/' shows user location with bike share networks
    • if user clicks NavLink, re-center geolocation with nearby networks
  • on '/stations' shows user location with bike share stations in a given network
    • that was clicked on on map
    • if user clicks stations NavLink, closest bike share network is chosen? last bike share network they clicked is chosen?
  • on '/my-stops' shows user location with bike share stations that they have favorited

Header

Format header and routes

Testing

  • Add BikeMap tests for updateMapCenter and getNetwork methods.
  • Update old BikeMap tests that used cities view

Geolocation

Use geolocation API to add user's location to map

More Testing

  • Test new thunks
  • Update action/reducer tests
  • Update map to props tests
  • Update prop-types
  • Test backend
  • Update api tests

Styling

  • Icons anchor points
  • Tooltip not only on hover, click to add to my stops
  • Search bar
  • Map height on different screens

App

  • build out app functionality
  • connect to redux

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.