🌦️ Weather Now

📄 Description

The Weather Now provides real-time weather updates and air quality information for any city. Users can search for a city to get the current weather conditions, including temperature, humidity, wind speed, and a weather description. The app features a temperature unit toggle that allows users to switch between Fahrenheit and Celsius displays. The app also displays the local time and air quality with a corresponding description.

🛠️ Technologies Used

• Frontend:
  • HTML
  • CSS
  • JavaScript
• APIs:
  • OpenWeatherMap API for weather data and air quality data
• Icons:
  • Meteocons
  • Animated weather icons

🚀 Usage

To use the Weather Now:

1. Visit the hosted website: Weather Now
2. Enter the name of the city in the search box and click the search button or press Enter.
3. The app will display the current weather conditions, local time, and air quality for the specified city.
4. Use the temperature unit toggle button to switch between Fahrenheit and Celsius.

🌟 Features

• Real-time weather updates including temperature, humidity, wind speed, and weather description.
• Temperature unit toggle to switch between Fahrenheit and Celsius.
• Displays a weather icon based on the current weather conditions.
• Shows the local time for the searched city.
• Provides air quality with descriptive categories.
• Responsive design for mobile and desktop views.

📸 Screenshots

Home Page (Search Box):

Weather Now UI (Search Results including weather information and additional details):

Mobile Device (Responsiveness):

Error Handling Page:

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Guidelines

• Ensure any install or build dependencies are removed before the end of the layer when doing a build.
• Update the README.md with details of changes to the interface, this includes new environment variables, exposed ports, useful file locations, and container parameters.
• Increase the version numbers in any examples files and the README.md to the new version that this Pull Request would represent.

🙏 Acknowledgements

• OpenWeatherMap for providing the weather and AQI data.
• Font Awesome for the icon library.
• Google Fonts for the DM Sans font.
• Meteocons for animated weather icons.