A web application to view real-time weather information for any city in the world.
Built with HTML, CSS, and JavaScript, consuming the OpenWeather API.
Live demo avaliable here.
This project was developed to demonstrate REST API consumption, specifically the OpenWeatherMap API, displaying data in a visual and interactive way.
- Search weather by city name
- Display current, minimum, and maximum temperatures
- Sunrise and sunset information
- Recent search history (up to 10 cities)
- Responsive interface with color changes based on temperature
- Smooth animations when loading data
This project uses a Vercel serverless function to securely handle the OpenWeatherMap API key, keeping it hidden from the client-side code.
- HTML5
- CSS3
- JavaScript (Vanilla)
- OpenWeatherMap API
- Vercel Serverless Functions (API key protection)
- Font Awesome (icons)
- Animate.css (animations)