Created a Weather web app using HTML, CSS and Javacript. Scripts ran on JSON API to asisst with information user request. https://location-weather-appp.netlify.app/
The World Weather Website is a dynamic web application that provides real-time weather information for cities worldwide. Built using JavaScript and powered by a JSON-based weather API, this website offers users the ability to access up-to-date weather data with ease.
Key Features
- Live Weather Updates: The website connects to a reliable JSON API to fetch and display current weather conditions for cities across the globe.
- City Search: Users can simply enter the name of the city they want to check the weather for, and the website quickly retrieves and presents the relevant weather data.
- Comprehensive Weather Details: From temperature and humidity to wind speed and weather conditions (e.g., sunny, rainy, cloudy), the website provides comprehensive weather information.
- User-Friendly Interface: With a clean and intuitive user interface, the website makes it straightforward for users to access the weather details they need.
- Responsive Design: The website is designed to be responsive, ensuring a seamless experience on both desktop and mobile devices. Whether you're planning a trip, checking the weather for your daily activities, or simply curious about the conditions in other parts of the world, the World Weather Website simplifies the process of accessing accurate weather information.
Explore the project and discover the current weather in your favorite cities, all in one place.
- JavaScript: The core functionality of the website is implemented in JavaScript, making it dynamic and interactive.
- JSON API: We use a JSON-based weather API to fetch weather data for different cities.
- HTML & CSS: The website is built using HTML for structure and CSS for styling.
- Clone the Repository: Start by cloning this repository to your local machine using the following command:
git clone https://github.com/mSaadSalman/Weather_Web_App.git- Open the Website:
https://location-weather-appp.netlify.app/- Search for Weather: Use the search bar to enter the name of the city you want to check the weather for and press Enter.
- Weather data provided is by Open Weather API: https://openweathermap.org/api
- Saad Salman, Student of Software Engineering at McMaster University
- Website - https://saads.netlify.app/