Skip to content

thatcoolcoder1/weathershowapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Show App

A simple and responsive weather application built using HTML, CSS, and JavaScript. The app allows users to search for any city and view real-time weather information using a weather API.


🚀 Features

  • 🌍 Search weather by city name
  • 🌡️ Display current temperature
  • ☁️ Show weather conditions
  • 💧 Humidity information
  • 💨 Wind speed
  • 📱 Responsive design
  • ⚡ Fast and lightweight

🛠️ Built With

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Weather API

📂 Project Structure

weathershowapp/
│
├── index.html
├── style.css
├── script.js
└── README.md

⚙️ Installation

Clone the repository

git clone https://github.com/thatcoolcoder1/weathershowapp.git

cd weathershowapp

▶️ Run the Project

Simply open the index.html file in your browser.

Or, if you use Visual Studio Code:

  1. Install the Live Server extension.
  2. Right-click index.html.
  3. Select Open with Live Server.

🔑 API Configuration

If the project uses a weather API (such as OpenWeatherMap), add your API key in the JavaScript file:

const API_KEY = "YOUR_API_KEY";

Replace "YOUR_API_KEY" with your own API key.


📸 Preview

The application displays:

  • 🌍 City Name
  • 🌡️ Current Temperature
  • ☁️ Weather Condition
  • 💧 Humidity
  • 💨 Wind Speed

🤝 Contributing

Contributions are welcome!

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Open a Pull Request

📄 License

This project is licensed under the MIT License.


👨‍💻 Author

thatcoolcoder1

GitHub: https://github.com/thatcoolcoder1


⭐ If you found this project useful, consider giving it a Star!

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors