Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rajput-vinay/weatherapp

WeatherApp: Current Weather Conditions and City-based Forecast is a web application that provides real-time weather information for your location or any city you search for. Stay informed about the current temperature, wind speed, humidity, and cloud cover.
https://github.com/rajput-vinay/weatherapp

css es6 html javascript weatherapi

Last synced: 5 days ago
JSON representation

WeatherApp: Current Weather Conditions and City-based Forecast is a web application that provides real-time weather information for your location or any city you search for. Stay informed about the current temperature, wind speed, humidity, and cloud cover.

Awesome Lists containing this project

README 

        
# WeatherApp: Current Weather Conditions and City-based Forecast



WeatherApp: Current Weather Conditions and City-based Forecast is a web application that provides real-time weather information for your location or any city you search for. 

Stay informed about the current temperature, wind speed, humidity, and cloud cover. 

Whether you want to plan your day, check the weather before a trip, or simply stay updated, WeatherApp has got you covered. 

With a user-friendly interface and accurate data from reputable weather APIs, you can trust WeatherApp to deliver reliable weather information whenever you need it.



# Features



1. Location-based Weather: Upon loading the website, the app will request your location to provide weather information specific to your area.

2. City Search: You can also search for weather data by entering the name of a city.

3. Real-time Updates: The app retrieves data from a weather API to ensure that you receive up-to-date weather information.

4. User-friendly Interface: The weather information is displayed in a visually appealing manner, making it easy to understand and navigate.



# Technologies Used



1. HTML5, CSS3, and JavaScript: The core technologies used for the front-end development of the app.

2. Geolocation API: Retrieves the user's latitude and longitude coordinates to provide accurate weather data.

3. Weather API: Retrieves weather data based on the user's location or city name.



# How to Use



1. Open the WeatherApp Forecast website in your web browser from the link -[ weather-app-wine-theta.vercel.app](https://weather-app-wine-theta.vercel.app/)

2. Grant permission for the app to access your location when prompted.

3. The app will display the current weather information for your area.

4. 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.

5. 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 --link--



# Contributions



Contributions to theWeatherApp 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



WeatherApp is created by me , which means you are free to use, modify, and distribute the code in accordance with the terms of the license.



# Acknowledgements



2. I 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, feedback, or inquiries, please don't hesitate to reach out to me. You can contact me by email - [email protected]

or create an issue on the GitHub repository.



# Final Thoughts



I hope you find the WeatherApp useful for checking weather conditions in your area or any city you're interested in. 

Enjoy using the app and stay informed about the weather!