Weather App

Live Demo: https://weather-app.luise-tabatt.workers.dev

This is a weather forecasting application built with React and TypeScript. It integrates multiple weather APIs to provide weather forecasts based on location.

Using Open-Meteo and OpenWeatherMap, users can search for precise locations in multiple languages. It is possible to view detailed weather information, including temperature, wind and precipitation forecasts.

---

Application Preview

---

Features

• Accurate Location Search: Search for weather forecasts by exact location in multiple languages.
• Current Weather: View weather conditions, including temperature, wind and precipitation.
• 5-Day Forecast: Forecast for multiple days.
• 24-Hour Forecast: See hourly weather predictions for the next 24 hours.
• Backgrounds: The application's background automatically changes based on the current weather conditions for the searched location.
• Recent Searches The last location searches are saved.
• Input Typing suggestions for location input.

---

Design Concept

Designed in Figma before development.

---

Architecture

• Frontend: React + TypeScript
• Weather Data: Open-Meteo API and Open Weather Map
• Location Search: OpenWeatherMap Geocoding API
• Styling: CSS
• Design: Figma
• Deployment: Cloudflare

---

Future Improvements

• Weather alerts and notifications
• Unit testing with Jest
• Dark mode