Design

[viktorsmari]

Before going further we need to sketch a design + navigation diagram

The current app was inspired by the app in the
CITIZEN SCIENCE REVOLUTION The Making Sense EU Project August 2018

Views

Available views:

1. ⭐ Favorite devices
   • You can star sensors, f.x. your neighbor has a sensor which you like to quickly select
   • Clicking a device takes you to 3.
2. 🌍 World Map
   • Find nearby devices
   • heatmap - which neighborhood is the noisiest / most polluted etc.
   • Clicking a device takes you to 3.
3. 📱 Device view (when you have selected a device)
   • Colored tiles like the image above. Updates every X seconds?
   • Clicking a sensor takes you to 4.
4. 📈 Graph (using plotly)
   • Here we should adjust time ranges?
   • How to compare 2 devices for PM 2.5? Or compare Light vs Sound? Need a wizard / helper

How to switch between views?

• Top nav like tabs? (You only need 1 click/touch)
• Hamburger menu? (You need 2 touches, first menu, then item)

What should be the default view when first opening the app? 📱

• Last visited device? What about for the first time?
• Map view

[viktorsmari]

Other todos:

• Make chart wider. The chart is the main thing and should expand to 2/3 or 3/3 if possible
• Consider having the Sensors also 2/3 and move the chart below the sensors?
• If needing toasts: https://github.com/fkhadra/react-toastify