Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gz30eee/weather-app

Get your weather in seconds!
https://github.com/gz30eee/weather-app

css3 flexbox-css forecast js-html-css mobile-first reponsive-web-design small-screen weather weather-api weather-application weather-dashboard weather-information

Last synced: 2 days ago
JSON representation

Get your weather in seconds!

Host: GitHub
URL: https://github.com/gz30eee/weather-app
Owner: GZ30eee
License: mit
Created: 2024-02-17T21:22:37.000Z (12 months ago)
Default Branch: master
Last Pushed: 2024-02-19T14:10:19.000Z (11 months ago)
Last Synced: 2024-02-19T22:29:01.234Z (11 months ago)
Topics: css3, flexbox-css, forecast, js-html-css, mobile-first, reponsive-web-design, small-screen, weather, weather-api, weather-application, weather-dashboard, weather-information
Language: JavaScript
Homepage: https://gz30eee.github.io/weather-app/
Size: 150 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

![image (6)](https://github.com/GZ30eee/weather-app/assets/130747789/dc979629-3a74-45c7-8a7b-2e28f031c118)

# Weather App
Get your weather in seconds!

## Overview
This is a simple weather app that fetches and displays current weather data. The app uses the WeatherAPI.com to get the weather data.

## Features
- Displays current weather details including temperature, humidity, wind speed, and UV index.
- Allows users to search for weather information by city name.
- Supports getting weather information for the user's current location.
- Updated real time weather
- Access to any City Weather
- 7-day forecast Available
- No sign-up required
- Six main weather protocols displayed

## How to Use
1. Open the application [here](gz30eee.github.io/weather-app/) or `clone the repo`
1. Enter a city name in the input field and press Enter, or click the "Get Device Location" button to get weather information for your current location.
2. The app will display the current weather details for the specified location.
3. You can access `7-day Forecast` by clicking on the show 7-day Forecast button

## Technologies Used
*Click on the icon to preview the technolies used*

[![My Skills](https://skillicons.dev/icons?i=html)](https://github.com/GZ30eee/weather-app/blob/master/index.html)
[![My Skills](https://skillicons.dev/icons?i=css)](https://github.com/GZ30eee/weather-app/blob/master/style.css)
[![My Skills](https://skillicons.dev/icons?i=js)](https://github.com/GZ30eee/weather-app/blob/master/script.js)

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## Contact
If you want to contact me, you can reach me at [email protected].