Weather app - Svelte + Typescript

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

Go check out the live demo

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

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