Task from atlan using data from = https://www.kaggle.com/saurav9786/indian-premier-league-match-analysis

heroku hosted frontend = https://ipldash-atl.herokuapp.com/

backend express API = https://ipldash-back.herokuapp.com/

• Vue.js - frontend framework.
• styling by vanilla CSS
• axios requesting data from backend
• chart.js + vue-chartjs - drawing bar and pie charts
• localforage - caching data, client side

bonus point stuff:

• Vuejs used.
• lazy loading components and doing most of styling with CSS - 4 sec for first load(if dynos are sleeping), shorter loading times after everything is cached and dynos wake up(I'm using free heroku dynos).
• Css grid , css media queries, conditional styling with javascript, makes it mobile responsive.
• vue does that (run: "vue pwa" then its done, not the most optimized implementation but sure the simplest).
• included benifits with "vue pwa" makes it offline usable with cached data using localforage.

npm install

npm run serve

npm run build

npm run lint

See Configuration Reference.