A weather app using HTML,CSS,JS, and OpenWeatherAPI wherein you can obatin the weather of a city by entering the city's name. This version has geolocation functionality with celcius to farenheit toggling.
- Homepage: Create a homepage that provides a simple user interface. Include a search input field where users can enter a location (e.g., city or ZIP code) and a "Get Weather" button to trigger the weather request.
- Weather Display: Display the current weather conditions for the specified location. Include details such as temperature, humidity, wind speed, and weather description. You can choose a weather API (e.g., OpenWeatherMap) to fetch this data.
- Error Handling: Implement error handling for cases where the location entered by the user is not found or when there is an issue with the API request. Display a user-friendly error message and guide the user on how to proceed.
- Unit Selection: Allow users to switch between temperature units (e.g., Celsius and Fahrenheit). Implement a toggle or dropdown to switch between units, and ensure that the weather data is updated accordingly.
- Optional: Geolocation: Offer the option to use the user's geolocation to automatically fetch the weather for their current location. Ensure that you request and handle geolocation permissions appropriately.
- Styling: Apply CSS styles to make the app visually appealing and ensure a good user experience. Pay attention to layout, color scheme, and readability.
- Responsive Design: Ensure that the app is responsive and functions well on both desktop and mobile devices. Test its usability on various screen sizes.
Implemented all 7 of the requirements.
Submit the project as a set of HTML, CSS, and JavaScript files organized in a directory structure. Include any necessary assets and the API key (if required). Additionally, provide clear instructions on how to use the application and what to expect in terms of features and functionality.
git clone https://github.com/utk145/weather2.git
Open the index.html file in your web browser to use the app.- Fetches real-time weather data from the OpenWeatherAPI.
- Displays weather information for the specified city, including:
- City name
- Weather icon
- Weather description
- Temperature (in both Celsius and Fahrenheit)
- Humidity
- Wind speed
- Allows users to search for weather information by city name.
- Supports toggling between Celsius and Fahrenheit temperature units.
- Simple and Responsive design
- Has functionality to determine the user's location.