https://github.com/billalben/weather-app
Weatherio App
https://github.com/billalben/weather-app
api css html javascript mobile-first openweathermap-api responsive-design weather-app
Last synced: 4 months ago
JSON representation
Weatherio App
- Host: GitHub
- URL: https://github.com/billalben/weather-app
- Owner: billalben
- Created: 2024-02-28T18:14:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-12T18:04:11.000Z (about 1 year ago)
- Last Synced: 2025-01-07T18:43:52.018Z (5 months ago)
- Topics: api, css, html, javascript, mobile-first, openweathermap-api, responsive-design, weather-app
- Language: JavaScript
- Homepage: https://billalben.github.io/weather-app/
- Size: 313 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Real Weather App
This is a weather app website that provides users with current weather conditions and forecasts for cities around the world. The app utilizes the OpenWeatherMap API to retrieve weather data and displays it in a user-friendly interface.
[View on Netlify](https://weather-io-app.netlify.app/)
[View on Github Pages](https://billalben.github.io/weather-app/)
# Features
* **Modern Design**: The website features a modern and visually appealing design.
* **Responsive**: The website is fully responsive and works well on all devices.
* **5 Days Forecast**: Users can view the 5-day weather forecast for any city.
* **Today's Highlights**: Users can see important weather information for today, including Air Quality Index, Sunrise & Sunset times, Humidity, Pressure, Visibility, and Feels like temperature.
* **Search Bar**: The website includes a search bar where users can enter the name of a city to get weather information.
* **Search Suggestions**: As the user types in the search bar, suggestions for cities are provided to make it easier to find the desired location.
* **Debounce Functionality**: The app uses debounce functionality to avoid calling the API on every input change, improving performance and reducing unnecessary API requests.
# Usage
To use the weather app, simply open the website in a web browser and enter the name of a city in the search bar. The app will display the current weather conditions and forecast for that city.
# Technologies Used
* **HTML**
* **CSS**
* **JAVASCRIPT**
* **OpenWeatherMap API**
# Acknowledgments
Special thanks to [codewithsadee](https://github.com/codewithsadee), for his invaluable guidance and expertise in web development.