Weather App
April 2024 - October 2024
Completed
Description:
An interactive weather application delivering real-time data and extended forecasts for cities worldwide. It provides detailed hourly and daily predictions, along with visually rich charts using Chart.js. Users can search for locations, view historical trends, and toggle between light and dark themes for better accessibility. Built with React and TypeScript, it features optimized API calls through caching to ensure fast performance. The application is fully tested with Jest, Playwright, and RTL to guarantee reliability across devices. Its responsive design ensures a seamless experience on both mobile and desktop.
Key Features:
Search for weather information by city name
View current weather including temperature, humidity, wind speed, etc.
Hourly weather forecast for selected location
3-day temperature graph using Chart.js
Map view of selected location
Detect current location for weather display
Add cities to favorites (stored in LocalStorage)
Comprehensive testing with Jest and RTL
End-to-end testing with Playwright
Tech Stack:
ReactTypescriptTailwind CSSJestReact Testing LibraryPlaywrightChart.js