Weather app built with Svelte on Vite

Welcome! This web app is designed to display weather data (current and forecast) based on the user's location.

Links

Live site
Github repo

Features

• Display current and forecast weather data for the given location
• Retrieve the user's location automatically
• Search for a different location by city name
• Switch the temperature unit between Celsius and Fahrenheit
• Toggle forecast weather data between hourly or daily forecasts
• Responsive layout
• Loading skeleton

Screenshots

Searchbox

Loading state

Tech stack

• Svelte, bundled with Vite
• Typescript
• Sass for styling
• Axios to make requests
• Notion + Whimsical for planning

Please do check the app out and leave your reviews below!

Acknowledgements

• How to set up .env variables for your Svelte project
• Creating a live search feature using Axios
• country-code-emoji - a neat package that converts an ISO country code to the corresponding flag emoji and vice versa