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

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

Awesome Lists containing this project

README

        

# weather_app
> weather frontend using JS and OpenWeatherMap API

![screenshot](./src/assets/images/screenshot.png)

## 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!