https://github.com/darthdevv/weather-app
This project is a weather app created using html, css and javascript
https://github.com/darthdevv/weather-app
css html javascript openweathermap-api weather-app
Last synced: 5 months ago
JSON representation
This project is a weather app created using html, css and javascript
- Host: GitHub
- URL: https://github.com/darthdevv/weather-app
- Owner: Darthdevv
- Created: 2024-01-15T00:25:10.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-16T16:27:30.000Z (about 2 years ago)
- Last Synced: 2025-01-14T06:46:53.111Z (about 1 year ago)
- Topics: css, html, javascript, openweathermap-api, weather-app
- Language: CSS
- Homepage: https://darthdevv.github.io/Weather-App/
- Size: 1.12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App 🌦️
## Overview
This is a simple weather app that allows users to check the current weather conditions for a specific location. The application fetches real-time weather data from a third-party API and displays it in a user-friendly interface.
## Features 💠
- Current weather information, including temperature, humidity, wind speed, and weather description.
- Search functionality to find weather data for different locations.
- Responsive design for a seamless experience on various devices.
## Technologies Used ⌨️
- HTML
- CSS
- JavaScript
## API Used 📟
This app uses the OpenWeatherMap API to retrieve weather data. You'll need to sign up for a free API key and replace the placeholder in the code with your own key.
[OpenWeatherMap API](https://openweathermap.org/api)
## Setup Instructions 📝
1. Clone the repository:
```bash
git clone https://github.com/your-username/weather-app.git
2. Open the index.html file in a web browser.
3. Obtain an API key from OpenWeatherMap and replace the placeholder in the script.js file:
```javascript
const apiKey = 'your-api-key';
```
4. Save the changes and refresh the web page.
## Usage ❔
Enter the name of a city or location in the search bar.
Press the "Search" button.
View the current weather conditions for the specified location.
## Screenshots ☀️☁️💧❄️
## License ⚖️
This project is licensed under the MIT License - see the LICENSE file for details.
## Acknowledgments 🗣️
I would like to thank OpenWeatherMap for providing the weather data API.