Skip to content

billalben/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

View on Github Pages

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, for his invaluable guidance and expertise in web development.