Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/ijayabby/weather-app
- Owner: IjayAbby
- License: mit
- Created: 2021-05-21T21:33:04.000Z (over 3 years ago)
- Default Branch: development
- Last Pushed: 2023-05-18T07:23:59.000Z (over 1 year ago)
- Last Synced: 2024-12-26T16:34:18.107Z (about 1 month ago)
- Topics: api, async-await, openweather-api, vanilla-javascript, weather-app
- Language: JavaScript
- Homepage:
- Size: 772 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
# Weather-app in Vanilla JavascriptThis 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.