- Simple vanilla HTML, CSS and JavaScript weather app website.
- Made by fetching data through free Weather API.
- Search bar with search button
- Weather app looks like this
- Error on misspell
- Weather-App is a simple web application that allows users to check the current weather conditions and forecasts for different locations.
- The project is built using vanilla HTML, CSS, Javascript making it lightweight and easy to understand.
- It utilizes weather data from a third-party API to provide real-time weather information.
- The live demo of the Weather-App here.
-
- Clone the repository:
git clone https://github.com/anamiikajha/Weather-App.git
-
- Navigate to the project directory:
cd Weather-App-
- Open index.html in your preferred web browser.
- Upon opening the Weather-App, you will see a simple and intuitive interface.
- Enter the name of a city or location in the search bar and click the "Search" button.
- The app will fetch weather data from the API and display the current weather conditions and forecast for the specified location.
- The Weather-App utilizes the OpenWeatherMap API to fetch weather data. To use the app, you need to obtain a free API key from OpenWeatherMap and replace the placeholder in the script.js file:
const apiKey = 'YOUR_API_KEY'; // Replace 'YOUR_API_KEY' with your actual API key- Contributions to the Weather-App project are welcome!
- If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
The Weather-App project is licensed under the MIT License.
- Weather icons provided by Iconscout.
- Weather data fetched using the OpenWeatherMap API.
- Feel free to customize the template according to your specific project details, add more sections if needed, and make sure to replace the placeholders with actual information.
- The goal is to provide users with all the necessary information to understand, use, and contribute to your Weather-App project.