https://github.com/mohamedsabry0/weather_app
weather frontend using JS and OpenWeatherMap API
https://github.com/mohamedsabry0/weather_app
Last synced: 4 months ago
JSON representation
weather frontend using JS and OpenWeatherMap API
- Host: GitHub
- URL: https://github.com/mohamedsabry0/weather_app
- Owner: mohamedSabry0
- License: mit
- Created: 2021-05-06T20:09:53.000Z (about 4 years ago)
- Default Branch: development
- Last Pushed: 2022-07-16T08:02:22.000Z (almost 3 years ago)
- Last Synced: 2025-01-13T01:25:52.642Z (5 months ago)
- Language: JavaScript
- Size: 274 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# weather_app
> weather frontend using JS and OpenWeatherMap API
## Built With
- HTML/CSS
- JavaScript
- webpack## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- A web browser
### Setup
- You can get your own API key from [openweathermap](https://openweathermap.org/guide) for [current weather info](https://openweathermap.org/current) by signing up and using this [link](https://home.openweathermap.org/api_keys)
- Clone or download the project to your local machine
- Change to the project's root directory
- create `dist/keys/config.js` and append to it
```
const config = {
TEST_KEY:'APPID_provided_by_openweathermap'
}
```- run `npm install`
- to start:
- run `npm run start` and navigate to dist directory in the opened window.- Or Open the index file with your browser
```javascript
index.html
```
## Acknowledgement
- [fix long decimals in JS](https://stackoverflow.com/a/11832950/6010915)
## Author**Mohamed Sabry**
- GitHub: [@mohamedSabry0](https://github.com/mohamedSabry0)
- Twitter: [@mohsmh0](https://twitter.com/mohsmh0)
- LinkedIn: [Mohamed Sabry](https://linkedin.com/in/mohamed-sabry0/)## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/mohamedSabry0/weather_app/issues/).
## Show your support
Give a ⭐️ if you like this project!