Skip to content

A simple and user-friendly weather application which lets the users know the temperature of any location across the globe and also various parameters. This application has been built using HTML, CSS, JavaScript and weather API.

License

Notifications You must be signed in to change notification settings

shahzdvp/Weather-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Global Weather App: Simple Weather Application

The Global Weather App is a user-friendly weather application that allows users to check real-time temperature and various weather parameters for any location worldwide. It is built using HTML, CSS, JavaScript, and integrates with a Weather API.

Click here to see live application: Global Weather App

Click here to see updated (Dark mode toggle) live application: Updated Weather App

Open Source Love HacktoberFest Badge Star Badge Contributions

🌟 Features

  • Real-time Weather Data: Get up-to-date temperature information for any location across the globe.
  • Detailed Weather Parameters: View essential weather details such as humidity, wind speed, and general conditions.
  • Responsive Design: The app works seamlessly on desktops, tablets, and smartphones.
  • Light/Dark Mode: Toggle between light and dark mode to suit your preferences.
  • Simple UI: Designed for ease of use, with an intuitive interface to quickly search for locations.

🛠️ Technologies Used

  • HTML: Structure of the web pages.
  • CSS: Styling for an aesthetically pleasing interface.
  • JavaScript: To fetch weather data from the API and add interactivity.
  • Weather API: Used to retrieve real-time weather data.

🚀 How to Use

  1. Fork and Contribute:

    • Fork the Repository: Head over to the original repository and click the "Fork" button at the top-right corner.
  2. Clone your Forked Repository: After forking, clone the repository to your local machine:

    git clone https://github.com/your-username/Weather-app.git
  3. Open index.html: Open the index.html file in your preferred web browser.

  4. Enter Location: Type the location you want to check the weather for in the input field.

  5. View Weather Information: Press the "Get Weather" button to see the temperature and other details.

  6. Create a New Branch: Always make changes in a separate branch:

    git checkout -b feature-branch
  • Make Your Changes: Implement the feature or fix the issue you want to work on.

  • Commit Your Changes: Once changes are made, commit them:

    git add .
    git commit -m "Brief description of your changes"
  • Push Your Changes: Push the changes to your forked repository:

    git push origin feature-branch
  • Create a Pull Request: Go to the original repository, open your fork, and submit a pull request. Describe the changes made.

🌄 Screenshots

Light Mode

image

Dark Mode

darkmode

🏗️ Contributing

We welcome contributions! If you want to help improve the project or have suggestions, you can follow the steps in the How to Use section or refer to the detailed guide here.

🌍 Our Contributors

We value the amazing people who contribute to this project! You can check out all the contributors here.

📄 License

This project is licensed under the MIT License.

About

A simple and user-friendly weather application which lets the users know the temperature of any location across the globe and also various parameters. This application has been built using HTML, CSS, JavaScript and weather API.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 42.6%
  • CSS 41.1%
  • JavaScript 16.3%