WeatherClear

• 

  Weather made simple — clear forecasts at a glance.

Inspiration

I was inspired to build WeatherClear because I often needed a quick and lightweight way to check the weather before going outside. Many existing apps felt too cluttered or slow, so I wanted to create something that focuses on simplicity, speed, and clarity.

What it does

WeatherClear is a minimalist web app that:

• Lets users search for any city around the world
• Displays real-time weather data (temperature, humidity, and conditions)
• Provides a clean and responsive UI for both desktop and mobile

How we built it

• Frontend: Designed with HTML5 and CSS3 for a lightweight, responsive interface.
• Logic: Implemented with JavaScript (ES6) using async/await for API calls.
• API: Integrated the OpenWeatherMap API to fetch real-time weather data.
• Deployment: Hosted on Netlify, ensuring free and fast global access.

Challenges we ran into

• Handling API errors (e.g., invalid city names or connectivity issues).
• Converting weather data from Kelvin to Celsius/Fahrenheit.
• Ensuring the app is responsive across all screen sizes.

What we learned

• How to use APIs with fetch()
• Better understanding of asynchronous JavaScript
• Basics of responsive web design

What's next for WeatherClear

• Add 5-day forecast
• Auto-detect user location
• Dark mode support

Built With

• css3
• github
• html
• javascript
• netlify
• openweathermap