Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pintu544/weather-web-app
A web application that allows users to check the current weather for a location by making asynchronous requests (AJAX) to a weather API.
https://github.com/pintu544/weather-web-app
html-css-javascript
Last synced: 6 days ago
JSON representation
A web application that allows users to check the current weather for a location by making asynchronous requests (AJAX) to a weather API.
- Host: GitHub
- URL: https://github.com/pintu544/weather-web-app
- Owner: pintu544
- Created: 2023-09-29T10:10:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-11T14:41:53.000Z (about 1 year ago)
- Last Synced: 2024-04-13T23:09:58.911Z (8 months ago)
- Topics: html-css-javascript
- Language: JavaScript
- Homepage: https://pintu544.github.io/Weather-Web-App/current.html
- Size: 4.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Web App
## Description
The Weather Web App is a web application that allows users to check the current weather for a location by making asynchronous requests to a weather API. The app displays weather data in a user-friendly format and handles error cases gracefully.
## Features
- **Homepage:** A simple user interface with a search input field and a "Get Weather" button.
- **Weather Display:** Displays current weather conditions, including temperature, humidity, wind speed, and weather description.
- **Error Handling:** Gracefully handles cases where the location is not found or there's an issue with the API request.
- **Unit Selection:** Allows users to switch between temperature units (Celsius and Fahrenheit).
- **Geolocation (Optional):** Offers the option to use the user's geolocation to fetch the weather for their current location.
- **Styling:** A visually appealing design with attention to layout, color scheme, and readability.
- **Responsive Design:** Ensures usability on both desktop and mobile devices.
## Usage
1. Visit the [Weather Web App](https://example.com/weather-app).
2. Enter a location (e.g., city or ZIP code) in the search input field.
3. Click the "Get Weather" button to fetch weather data.
4. View the current weather conditions displayed on the page.
5. Optionally, use the toggle or dropdown to switch between temperature units.
## Error Handling
- If the entered location is not found, you'll see an error message indicating that the location was not found. Please check the spelling and try again.
- If there is an issue with the API request, you'll see an error message indicating that weather data couldn't be fetched. Please try again later.
## Installation
This web app is a client-side application and does not require installation. Simply open it in your web browser.
## Technologies Used
- HTML
- CSS
- JavaScript
- [Weather API](https://openweathermap.org/)
## Credits
- Weather data provided by [OpenWeatherMap](https://openweathermap.org/).
- Weather icons from [Weather Icons](https://erikflowers.github.io/weather-icons/).
## License
This project is licensed under the
## Contributing
Contributions are welcome! Feel free to open issues and submit pull requests to help improve this project.
## Author
[Pintu Kumar](https://github.com/pintu544)
## Acknowledgments
Special thanks to [OpenWeatherMap](https://openweathermap.org/) for providing weather data and [Weather Icons](https://erikflowers.github.io/weather-icons/) for the weather icons used in the project.