https://github.com/sergiomauz/js-weather-app

It is a practice for consuming a Weather API. You can request the weather for a City and show it on a map.
https://github.com/sergiomauz/js-weather-app

Last synced: 2 months ago
JSON representation

It is a practice for consuming a Weather API. You can request the weather for a City and show it on a map.

• Host: GitHub
• URL: https://github.com/sergiomauz/js-weather-app
• Owner: sergiomauz
• License: mit
• Created: 2020-07-27T22:11:25.000Z (almost 5 years ago)
• Default Branch: development
• Last Pushed: 2023-01-06T13:59:28.000Z (over 2 years ago)
• Last Synced: 2025-03-31T21:18:58.391Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 901 KB
• Stars: 5
• Watchers: 0
• Forks: 0
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# My Weather App

> It is a Weather App: an example how to use external APIs, asynchronous functions and iframes.

![screenshot](https://user-images.githubusercontent.com/36812672/91474286-a2dab200-e85f-11ea-8ea9-e081ba7da4a5.png)

## Built With

- HTML 5

- CSS 3

- Javascript

- Webpack

- Node JS

- VS Code

## Live Demo

Check out the live demo [here](http://beta.szetapp.com/Weather-App/)

## Prerequisites

- Create an account in [Open Weather](https://openweathermap.org/) and [Unsplash](https://unsplash.com/).

- Create Api Keys in the websites mentioned above.

- Install Node JS. ([NodeJS Documentation](https://nodejs.org/en/docs/)) 

- Install Webpack. ([Webpack Documentation](https://webpack.js.org/guides/installation/)) 

## Install

- Clone this repository in your terminal using **git clone** command.

- Enter the repo directory.

- Run `npm install && npm run build` in your terminal.

- Open the `src/config/keys.js` file and edit the values for `getOpenWeatherKey` and `getUnsplashKey`. Use your own API Keys.

## Usage

- Run `npm run pro` in your terminal.

- Run `npm run server` in your terminal.

- Open **http://localhost:8080** in your browser.

## Authors

👤 **Sergio Zambrano**

- Github: [@sergiomauz](https://github.com/sergiomauz)

- Twitter: [@sergiomauz](https://twitter.com/sergiomauz)

- Linkedin: [Sergio Zambrano](https://www.linkedin.com/in/sergiomauz/)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used

- Inspiration

- etc

## 📝 License

This project is [MIT](./LICENSE) licensed.