Skip to content

0daysleft/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

78 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒฆ๏ธ Weather App

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.


๐Ÿš€ Features

  • ๐Ÿ” 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

๐Ÿ› ๏ธ Technologies Used

  • HTML
  • CSS
  • JavaScript (Vanilla)
  • OpenWeather API

๐Ÿ“ฆ How to Use

  1. Clone this repository:

    git clone https://github.com/0daysleft/weather-app.git
  2. Navigate to the project folder.

  3. Replace YOUR_API_KEY in the JavaScript file with your OpenWeather API key.

  4. Open index.html in your browser.


๐Ÿ” Searching for a City

  • 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.

๐ŸŒก๏ธ Temperature Toggle

  • Click the ยฐC / ยฐF button to switch between Celsius and Fahrenheit units.

๐Ÿ›ค๏ธ Roadmap

  • 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


๐Ÿค“ Author

About

This is a fully functional weather app that displays the current weather conditions in the specified area.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published