Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hyder1233/weather-app

Weather App developed using HTML, CSS, JavaScript, and APIs. The Weather App allows users to retrieve current weather information for a specific location. It features a user-friendly interface & the app supports user's location detection. The Weather App utilizes popular weather APIs such as OpenWeather to fetch accurate weather data.
https://github.com/hyder1233/weather-app

api css geolocation-api html javascript weather-api

Last synced: 13 days ago
JSON representation

Weather App developed using HTML, CSS, JavaScript, and APIs. The Weather App allows users to retrieve current weather information for a specific location. It features a user-friendly interface & the app supports user's location detection. The Weather App utilizes popular weather APIs such as OpenWeather to fetch accurate weather data.

Awesome Lists containing this project

README

        

# Weather App
Weather App developed using HTML, CSS, JavaScript, and APIs. The Weather App allows users to retrieve current weather information for a specific location. It features a user-friendly interface & the app supports user's location detection. The Weather App utilizes popular weather APIs such as OpenWeather to fetch accurate weather data.

# Features
- User-friendly interface: The Weather App has a clean and intuitive design, providing a pleasant user experience.
- Real-time weather updates: The app utilizes APIs to fetch up-to-date weather information, including temperature, humidity, wind speed, and weather conditions.
- Location-based weather: Users can enter a specific location or allow the app to detect their current location to fetch accurate weather data.
- City Search: You can also search for weather data by entering the name of a city.

# Technologies Used
The Weather App is built using the following technologies:
- HTML
- CSS
- javaScript
- APIs
- Geolocation API
- Weather API

# How to Use
- Open the WeatherApp Forecast website in your web browser from the link.
- Project Link :- https://weather-app-xi-puce-55.vercel.app
- Grant permission for the app to access your location when prompted.
- The app will display the current weather information for your area.
- To search for weather data by city name, enter the city name in the designated search bar and press Enter or click the search button.
- The app will show the weather information based on the searched city.

# Installation
No installation is required for this web application. Simply access the WeatherApp through your web browser from the link.

# Contributions
Contributions to the WeatherApp project are welcome. If you find any issues or have suggestions for improvements, please feel free to submit a pull request or open an issue in the GitHub repository.

# License
Which means you are free to use, modify, and distribute the code in accordance with the terms of the license.

# Acknowledgements
- WeatherApp is created by Bilal Hyder, Special thanks to LBB and CodeHelp.
- I also used "openweathermap" API for this project which is a free API and that helped me a lot for this project.

# Contact
If you have any questions or suggestions regarding this project, please feel free to contact.
- LinkedIn:- https://www.linkedin.com/in/bhyder
- Email:- [email protected]