https://github.com/infectedduck/weather_app
Weather App offers real-time weather updates, 7-day forecasts, and hourly data. Using WeatherAPI for accurate information and Chart.js for interactive graphs, this web app provides a user-friendly experience on both desktop and mobile. Features include weather alerts and responsive design.
https://github.com/infectedduck/weather_app
Last synced: 16 days ago
JSON representation
Weather App offers real-time weather updates, 7-day forecasts, and hourly data. Using WeatherAPI for accurate information and Chart.js for interactive graphs, this web app provides a user-friendly experience on both desktop and mobile. Features include weather alerts and responsive design.
- Host: GitHub
- URL: https://github.com/infectedduck/weather_app
- Owner: InfectedDuck
- License: mit
- Created: 2024-08-29T13:05:16.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-11-14T13:59:27.000Z (7 months ago)
- Last Synced: 2025-12-04T06:15:36.941Z (6 months ago)
- Language: JavaScript
- Homepage:
- Size: 382 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Comprehensive Weather App
## Overview
The Comprehensive Weather App is a robust and interactive web application that provides users with real-time weather information, 7-day forecasts, hourly updates, and weather alerts. Leveraging the WeatherAPI, this application delivers detailed and accurate weather data through a sleek, user-friendly interface.
## Features
- **Real-Time Weather Updates**: Get current weather conditions including temperature, humidity, wind speed, and more.
- **7-Day Forecast**: View detailed weather forecasts for the upcoming week.
- **Hourly Forecasts**: Access hourly weather data for the current day.
- **Weather Alerts**: Stay informed about any weather warnings or alerts.
- **Interactive Graphs**: Visualize temperature and wind speed data using Chart.js.
- **Responsive Design**: Fully optimized for both desktop and mobile devices.
## Technologies Used
- **HTML**: Provides the structure and content of the web pages.
- **CSS**: Styles the application for a modern and appealing look.
- **JavaScript**: Handles dynamic content, user interactions, and API integrations.
- **WeatherAPI**: Fetches weather data including current conditions, forecasts, and alerts.
- **Chart.js**: Renders interactive charts for visualizing weather data.
- **Moment.js**: Formats dates and times in the application.
## Installation
To set up the project locally, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/your-username/comprehensive-weather-app.git
cd comprehensive-weather-app
```
2. **Install Dependencies**:
Ensure you have an internet connection as the application relies on CDN links for external libraries.
3. **Open `index.html`**:
Simply open the `index.html` file in your preferred web browser to start using the application.
## Usage
1. Enter the name of a city in the input field and click "Get Weather".
2. View the current weather, 7-day forecast, hourly forecast, and any weather alerts.
3. Click on any day in the 7-day forecast to view detailed temperature and wind speed graphs.
## Code Structure
- **`index.html`**: The main HTML file containing the structure of the app.
- **`styles.css`**: Contains all the styling rules for the app, including responsive design and animations.
- **`script_sheet.js`**: Handles all JavaScript functionality, including API calls, data processing, and UI updates.
## Contributing
We welcome contributions to improve this project. If you have suggestions or bug fixes, please fork the repository and submit a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.
## Caution
Some features are not working as I am currently making this project