B
o
o
k
-
N
-
B
i
k
e

Technologies utilisées :

Lien vers le site

Projet d'étude

Créer une application de location de vélo urbain en JS(ES5)/Jquery, en programmation orienté objet.

Fonctionnalités

L'application permet de réserver un city bike dans la ville de Lyon. Une carte de Lyon dispense l'affichage en temps réel des gares de stationnement ainsi que le nombre de vélos disponibles. L'utilisateur peut réserver (fictivement dans le cadre du projet) un vélo qui lui sera conservé pendant 20 minutes en remplissant et signant un formulaire.

Utilisation des API JCDécaux et Google Maps (devenue payante depuis).
J'ai fait de ce site une Progressive Web App en codant entièrement les services-worker.

Code ES5

/**************************************/
/****** BOOK-N-BIKE MAIN OBJECTS ******/
/**************************************/
var App = (function() {
  var me = {}
  /* PUBLIC FUNCTIONS
 ------------------------------------------------------------*/
  // Get the actual timestamp and substract it the one that is stored in database
  // at the moment of registration, then countdown over 20min (1200s).
  me.timer = function() {
    var totalSeconds = Math.floor(
        1200 - (Date.now() - DataBase.registeredTime) / 1000,
      ),
      seconds = totalSeconds % 60
    totalSeconds = (totalSeconds - seconds) / 60
    // […]
  }
  /* PRIVATE FUNCTIONS
 ------------------------------------------------------------*/
  var $lazyLoadImg = $('.lazy-load')
  function sizing() {
    //canvas has to be (re)size with js for working
    Signature.canvas.attr('width', $DOM.canvasWrapper.width())
    // […]
  }
  /* EVENTS HANDLERS
 --------------------------------------------------------------*/
  // [ etc ]
  return me
})()