ralfz123 / ring-ring

A tool designed for the policy makers of Amsterdam, commissioned by the company Ring-Ring ® in the Netherlands.

Hi, I'm Ralf 🚀

Frontend Developer 💻

Check out my work on my portfolio and all of the coded projects are here on GitHub!

ring-ring's Issues

To-Do's

Algemeen

• Parcel (bundler) toepassen (modules index.js)
• Opschonen importen in index.js en die gebruiken met andere functies in de app

Data

• Data goed uitzoeken
• Fetchen async await
• Load page (onboard page) while receiving data - ease out setTimeOut
• Tooltip: dynamisch data veranderen
• Reset buttons daadwerkelijk werkend met data
• Aan de hand van gekozen jaar, map() een array en geef mee aan mapbox en tooltip data

Introscherm

• Auto scroll na vid (~7sec)

Dashboardscherm

• *transitions/animations toepassen
• Chart.js (barchart) toepassen
• Mapbox toepassen
• Css GRID toepassen
• legenda passend maken
• Introductie scherm
• /* -webkit-filter: blur(2px); */ || blurren van background (body) wanneer overlay=true;
• Iconen in tooltip kleur styling
• Begin- en eindpunt van routes toevoegen
• resetbutoon padding
• h2 chart padding
• Tooltip misschien weg kunnen klikken?

Feedbackscherm

• header hetzelfde vormgeven.
• UI styling afronden
• Buttons maken van dropdowns

*= bonus