A simple weather application that displays the current weather and a 4-day forecast using the OpenWeather API. Built with HTML, CSS, and JavaScript, it includes a search by city name feature and the ability to toggle between Celsius and Fahrenheit.
- ๐ Search weather by city name
- ๐ Real-time current weather data
- ๐ 4-day weather forecast
- ๐ก๏ธ Toggle between ยฐC and ยฐF
- ๐ป Responsive and clean design
- ๐ Powered by the OpenWeather API
- HTML
- CSS
- JavaScript (Vanilla)
- OpenWeather API
-
Clone this repository:
git clone https://github.com/0daysleft/weather-app.git
-
Navigate to the project folder.
-
Replace YOUR_API_KEY in the JavaScript file with your OpenWeather API key.
-
Open index.html in your browser.
- Use the search bar at the top of the app to enter a city name. The app will fetch and display the current weather and forecast for that location.
- Click the ยฐC / ยฐF button to switch between Celsius and Fahrenheit units.
-
This project is a work in progress as I continue learning. Planned improvements include:
-
๐ Dark/light mode toggle
-
๐ฑ Enhanced mobile responsiveness
-
๐จ More detailed weather data (humidity, wind speed, etc.)
-
โ๏ธ Rebuilding with a framework like React or Vue
-
๐พ Save favorite cities
- Created with curiosity and passion by Vincent Okemwa.