Skip to content

Latest commit

 

History

History
52 lines (41 loc) · 1.68 KB

README.md

File metadata and controls

52 lines (41 loc) · 1.68 KB
Raw

ha2go

Vue.js web app for BVG hackathon 2018
API: https://sims.car2go.com/

Goal

It should:

  • help you to understand how to use car2go API
  • facilitate your ideas and creativity

Important defaults

  • cars may disappear, it means they have been rented out
  • history of rentals /car/vin contains rental start events only

Commands

// Project setup
yarn install

// Compiles and hot-reloads for development
yarn serve

// Compiles and minifies for production
yarn build

// Lints and fixes files
yarn lint

App features

  • mobile ready
  • location accessible by url (http://localhost:8080/#/berlin)
  • dropdown section behaviour depends on active location (shown/hidden)
  • map is loaded after locations are ready and city is selected
  • custom car2go map markers

Dependencies

  • Vue - javascript framework
  • Vuex - client-side state storage. I picked it because it's one of the simplest Flux inspired implementations I've seen
  • Vue Router - powerfull router for Vue because there is a need to navigate
  • other blows and whistles

CSS Framework

Functional part first but look is important too. Organizing a chaos is no easy task, hopefully spectre.css will help you. Just ~10kB gzipped.

Polling concept

Sample concept of polling:

  • send a new request each n seconds (e.g. each 5 sec)
  • limit max number of recurring requests (e.g. 30), or poll no longer than 5 min
  • disable polling for inactive tab (experimental)
  • resume polling for active tab (experimental)

Using websockets might be a good way to avoid polling and save computation resources of server and client. Polling has it's affects of Vuex store. When store gets big enough each store update comes with a cost.