https://github.com/pasek108/weather
Simple weather weather app with Pirate Weather API and Geonames API
https://github.com/pasek108/weather
glassmorphism weather-app
Last synced: 8 months ago
JSON representation
Simple weather weather app with Pirate Weather API and Geonames API
- Host: GitHub
- URL: https://github.com/pasek108/weather
- Owner: Pasek108
- Created: 2021-01-27T12:18:35.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-02-26T22:56:50.000Z (8 months ago)
- Last Synced: 2025-02-26T23:25:23.225Z (8 months ago)
- Topics: glassmorphism, weather-app
- Language: JavaScript
- Homepage: https://pasek108.github.io/Weather/
- Size: 4.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Weather - Readme
Simple weather weather app with Pirate Weather API and Geonames API
# Overview :sparkles:
## About
Simple weather page in glassmorphism style that gives detailed data about current weather and next 7 days forecast.
Check out the [live version](https://pasek108.github.io/Weather/).
## Technologies
Languages:
- JavaScript
- HTML
- CSS
Libraries and frameworks:
- [React](https://legacy.reactjs.org/blog/2020/10/20/react-v17.html) 17.0.1
- [Pirate Weather](https://pirateweather.net)
- [Geonames API](https://www.geonames.org).
- [Erik Flowers Weather Icons](http://erikflowers.github.io/weather-icons/)
Programs:
- [VSCode](https://code.visualstudio.com)
- [ShareX](https://getsharex.com)
## Features
- Detailed weather for the chosen location
- 7-day forecast
- Clock
- Search for location
- Language selection
- Glassmorphic style
- Responsive design
## Setup
- Use [live version](https://pasek108.github.io/Weather/).
- Download this repository and:
- Open project in VSCode
- Run `npm install` to install all the dependencies
- Run `npm start` to start development sever
- Open generated address in the browser
- Deployment for GitHub:
- Run `npm run build`
- Rename `/build` folder to `/docs`
- In `main.xxx.css` file replace all '/static' with '../media/'
## Acknowledgements
- This project was inspired by [this pen](https://codepen.io/Hyperplexed/pen/vYpXNJd).