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

 
 
 

Contributors