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
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.
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.
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.
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.
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.
- Webstorm The Lightning-Smart Javascript IDE.
- Fish, Command line shell for Linux, macOS, and the rest of the family.
- Github, Web-based version-control and collaboration platform for software developers.