Skip to content

Latest commit

 

History

History
59 lines (41 loc) · 1.45 KB

README.md

File metadata and controls

59 lines (41 loc) · 1.45 KB
Raw

Second Iteration: Vue.js

Current State Preview:

preview

To Do:

  • Coordinates

    • Latitude and Longitude Inputs
    • Make GPS button replace Latitude and Longitude input values with its new coords
    • Send data to app.vue

  • Parameters

    • Hourly parameters
    • Daily parameters
    • Style
    • Send data to app.vue

  • Settings

    • Formatting selects
    • Current weather switch

  • Request

    • Retrieve string data to App.vue
    • Prepare request string
    • Make the request (using axios)

  • Leaflet

    • Add map
    • Change coordinates on-map click
    • Add map marker on clicked spot
    • Change map marker depending on the weather data
    • Show current weather popup on click)

  • Vue-Chart.js

    • Get data from request
    • Format request data for the chart API
    • Generate Chart
    • Update Chart Data
    • Add switch for hourly / daily parameters
    • Add units labeling
    • Make chart Scrollable
    • Personalize chart colors
    • Show all selected data on hover (Chart.js Tooltip)
    • Normalize date on X axis timestamps
    • Normalize datasets' values on Y axis

  • Refine, Debug & Comment code for easier understanding

Reference

Check Open Meteo to see what's the intended goal of this Iteration.