Code Monkey home page Code Monkey logo

velicity's Introduction

VeLiCity

Design an interactive bike rental map

 Google MAPS API / OpenData ville de Nancy API / Web Storage 

 Use Canvas, touch compatibility on smartphone and tablet 

 Automatic and controllable POO slider, conversion to JQuery plugin to find ds dedicated repo 

Diaporama

 The home page of the application will display a slideshow of photos and text explaining the operation of the application. This slide show also reacts to the keyboard with the left and right keys to move back and forward manually.

Card of bike

 Below the slide show is a map using the GoogleMaps API with the location of all bike stations, positioned using markers. A click on a marker displays the status of the station in a panel built in HTML and CSS next to the Google Maps. The location and status of each station (open, under construction, how many bikes and places are available, etc.) is provided via an OpenData API of the city of Paris. The data must come from this API.

Booking bike

 It must be possible to book an available bike at the selected station by signing into a free field implemented using the HTML5 Canvas API. Once the signature is validated, a bike is marked as reserved for this station. For this project, the reservation will have no effect. Only the browser browser 'hold' that the bike has been reserved. The reservation data will be stored in the browser using the HTML5 Web Storage API and displayed in a footer below the panel. The reservation expires automatically after 20 minutes and also when the web browser closes. The footer permanently displays the status of the reservation (if there is one), with a dynamic count of the time remaining before the reservation expires. There can only be one reservation at a time. If a new reservation takes place, it replaces the previous one.

Technical constraints

 You can use the jQuery library but no jQuery plugins. You will develop the entire slideshow yourself. The JavaScript code must be entirely designed in object-oriented programming. The code must use the Google Maps APIs and open data APIs of the city of Paris. It must also use the Web Storage and Canvas APIs. 

Coding style tests

Codacy is an automated code analysis/quality tool that helps developers ship better software, faster. With Codacy, you get static analysis, cyclomatic complexity, duplication and code unit test coverage changes in every commit and pull request.

You can use Codacy to enforce your code quality standard, save time in code reviews, enforce security best practices and onboard developers faster. Integrate with your GitHub repositories to get quality analysis of every pull request inside GitHub.

_Integrated in your workflow_
Codacy adapts to your code review process, pushing results as comments in your pull requests and commits into your workflow in GitHub.

_Track your quality evolution_
Get a code quality glance at your project and track its quality evolution over time, easily paying back your technical debt.Give an example

Scrutinizer Your platform for software quality management

The best toolbox for building better software. From continuous integration, and continuous analysis to empowering human code reviews with code intelligence.

_Continuous integration_
Scrutinizer seamlessly integrates into your workflow, and continuously builds and deploys your application.

_Continuous analyse_
Continuously analyze your code for issues, find bugs, enforce coding-style, track technical debt, and measure progress.

_Code intelligence_
Read and review code with the power of an IDE without ever leaving your favorite platform.

Built With

  • - Webstorm The Lightning-Smart Javascript IDE.
  • - Fish, Command line shell for Linux, macOS, and the rest of the family.

Versioning

- Github, Web-based version-control and collaboration platform for software developers.

Authors

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.