A simple and intuitive weather app that allows users to check their local weather or search for weather information in different cities. Live here
This Weather App provides users with real-time weather information, including temperature, wind speed, humidity, and more. Users can view their local weather by granting location access or searching for weather information in other cities.
-
User and Search Tabs: Easily switch between viewing the user's local weather and searching for weather information in other locations.
-
Grant Location Access: Grant access to accurately locate the user's weather information.
-
Search Form: Allows users to search for weather information in specific cities.
-
Loading Screen: Displays a loading screen while fetching weather data.
-
Weather Information Display: Presents detailed weather information, including city name, country icon, weather description, temperature, wind speed, humidity, and cloudiness.
-
Error Handling: Informs users if a searched city is not found.
- Open the Weather App.
- Choose between the "Your Weather" and "Search Weather" tabs.
- Grant location access or use the search form to find weather information.
- View real-time weather details for the selected location.
Main weather display with user location.
Search form for looking up weather information for other cities.
To run the Weather App locally, follow these steps or click here:
- Clone the repository.
- Open the
index.html
file in your preferred web browser.
Make sure to obtain an API key from OpenWeatherMap and replace the placeholder in the APIKEY.js
file.
For issues, questions, or feedback, feel free to reach out.