Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

This application is a simple page built with vanilla JavaScript that displays the different weather conditions in real time by fetching data from OpenWeather API.
https://github.com/ijayabby/weather-app

api async-await openweather-api vanilla-javascript weather-app

Last synced: 20 days ago
JSON representation

This application is a simple page built with vanilla JavaScript that displays the different weather conditions in real time by fetching data from OpenWeather API.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)
# Weather-app in Vanilla Javascript

This project is built by Vanilla Javascript, html and css.Create a weather forecast site using the weather API from the previous lesson. You should be able to search for a specific location and toggle displaying the data in Fahrenheit or Celsius.
## Built With

- Vanilla JavaScript
- CSS & HTML
- OpenWeather API
### Live Demo link.
[Live Demo](https://sunny-zuccutto-797f3f.netlify.app/)

## Getting Started

- Clone the repo `https://github.com/IjayAbby/Weather-app`
- cd into `Weather-app`
- Run `git pull origin development`
- On the terminal run:
- `` npm install`` to get a copy of the packages in your local environment
- ``npm run build`` to run webpack that will intergrate all changes made
- Open the app in your local host server while on the `Weather-app` directory in index.html file.

### Screenshot

![Screenshot 2021-06-06 at 16-14-54 Weather App](https://user-images.githubusercontent.com/43843720/120925963-997e5000-c6e3-11eb-8bc7-545b90bab7a5.png)

## Author

👤 **Ijay Abby**

- Github: [@githubhandle](https://github.com/IjayAbby)
- Twitter: [@twitterhandle](https://twitter.com/Ijay_js)
- Linkedin: [linkedin](https://www.linkedin.com/in/ijayabby4/)

## 🤝 Contributing

Contributions, issues and feature requests are always welcome!

I love meeting other developers, especially ones that give me advice on how to improve my work.

Feel free to check the [issues page](https://github.com/IjayAbby/Weather-app/issues).

### How to Contribute

To get a local copy up and running follow these simple example steps.

```
- Fork the repository
- git clone https://github.com/your_username/Weather-app
- git checkout development
- git checkout -b branch name
- git remote add upstream https://github.com/IjayAbby/Weather-app
- git pull upstream development
- git commit -m "commit message"
- git push -u origin HEAD
```

## Show your support

Finally, if you've read this far, don't forget to give this repo a ⭐️. They're free . . . I think.

## Acknowledgments

- [Microverse](https://microverse.org).
- [Odin Project](https://www.theodinproject.com/paths/full-stack-ruby-on-rails/courses/javascript/lessons/weather-app) for project specifications

## 📝 License

This project is [MIT](https://github.com/IjayAbby/Weather-app/blob/main/LICENSE) licensed.