Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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


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

Last synced: 26 days ago
JSON representation

Awesome Lists containing this project

README

        

# The Weather Guru

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]

> The Weather Guru is a weather app built with Vanilla JS and Bootstrap. It is a friendly tool that will provide information not only for the searched City but also for 4 of the most important cities in the world. The other four cities are selected randomly, so every time you come back to the website or make a search, you will get information and beautiful images for other cities in the world!

![screenshot1](./src/images/screenshot02.png)

![screenshot1](./src/images/screenshot03.png)

![screenshot1](./src/images/screenshot04.png)

## Live Version

[Live Version](https://rawcdn.githack.com/lmaldonadoch/weather-app/7356e62472a4fa13a78dd7a139ebd91f89e41849/dist/index.html)

## Built With

- JavaScript
- Bootstrap 4
- HTML5
- SASS

## Getting Started

To get started with the app, cd to the directory where you would like the repo to live by typing on your terminal:

```
$ cd
```

Clone the repo typing:

```
$ git clone [email protected]:lmaldonadoch/weather-app.git
```

Run Webpack:

```
$ npx webpack
```

Open the path to /dist/index.html in your browser.

### Prerequisites

Webpack
Node

## Author

👤 **Luis Angel Maldonado**

- Github: [@lmaldonadoch](https://github.com/lmaldonadoch)
- Twitter: [@LuisAngelMCh](https://twitter.com/LuisAngelMCh)
- Linkedin: [lmaldonadoch](https://www.linkedin.com/in/lmaldonadoch)

## Future Upgrades

- Add a footer with my contact links.
- Add functionality to look for information by zipcode.
- Try to get users location to show by default the weather in the location.

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/lmaldonadoch/motorista/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Project requested by [Microverse Program](https://www.microverse.org/).
- Original project from [The Odin Project](https://www.theodinproject.com/courses/javascript/lessons/weather-app)

[contributors-shield]: https://img.shields.io/github/contributors/lmaldonadoch/weather-app.svg?style=flat-square
[contributors-url]: https://github.com/lmaldonadoch/weather-app/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/lmaldonadoch/weather-app.svg?style=flat-square
[forks-url]: https://github.com/lmaldonadoch/weather-app/network/members
[stars-shield]: https://img.shields.io/github/stars/lmaldonadoch/weather-app.svg?style=flat-square
[stars-url]: https://github.com/lmaldonadoch/weather-app/stargazers
[issues-shield]: https://img.shields.io/github/issues/lmaldonadoch/weather-app.svg?style=flat-square
[issues-url]: https://github.com/lmaldonadoch/weather-app/issues