Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.

Weather App

• Lazy Loading search results

• data preprocessing

• Celsius VS Fahrenheit

• Dark VS Light mode

• save metric (Celsius VS Fahrenheit) in local storage

• weather evaluation e.g. average UV index, low visibility, etc..

• include a tab for today's timeline

• convert day cards into a component

• use search/autocomplete API

• url: http://api.weatherapi.com/v1/search.json?key=....&q=London

• Celsius VS Fahrenheit is Broken, fix it ❗❗

• default to 12 hours system

• dynamically get the location

• save location in localStorage

• Make the website Responsive

• add a loading state

• add charts

• extract fetch in a function e.g. fetchData(url, )

• add expanding button beside search bar instead of multiple buttons