https://github.com/ajsalemo/trafficvisualizer

Display and view traffic congestion and incidents with HERE maps.
https://github.com/ajsalemo/trafficvisualizer

auth0 authentication azure bash cloud docker flask flask-api flask-restful flask-sqlchemy javascript jsx nginx postgresql python react react-hooks react-router-dom rest-api tailwindcss

Last synced: 3 months ago
JSON representation

Display and view traffic congestion and incidents with HERE maps.

• Host: GitHub
• URL: https://github.com/ajsalemo/trafficvisualizer
• Owner: Ajsalemo
• Created: 2020-10-24T17:48:19.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-03-22T00:27:33.000Z (about 5 years ago)
• Last Synced: 2025-05-21T05:36:22.688Z (10 months ago)
• Topics: auth0, authentication, azure, bash, cloud, docker, flask, flask-api, flask-restful, flask-sqlchemy, javascript, jsx, nginx, postgresql, python, react, react-hooks, react-router-dom, rest-api, tailwindcss
• Language: JavaScript
• Homepage: https://trafficvisualizer.netlify.app
• Size: 610 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TrafficVisualizer

### Display and view traffic congestion and incidents with HERE maps.




The maps offered by the HERE API show 3 color coded levels of congestion 

- Green > Flowing traffic

- Yellow > Moderate traffic

- Red > Heavy congestion




Included on the map are icons indicating certain traffic events.




The map offers 3D interactivity - see this article for reference: https://developer.here.com/blog/announcing-the-new-javascript-api-3.1

On desktop - use the `alt` or `option` key while using the mouse to move the map view around.

On mobile - the same can be achieved by using two fingers on the map and moving them up or down to change the view.







### Homepage

![Imgur](https://i.imgur.com/RcrvHxp.png)

### Map

![Imgur](https://i.imgur.com/7GCGZIS.png)

### User profile

![Imgur](https://i.imgur.com/1plKKuJ.png)