Skip to content

Find out the weather information of your city using this simple, fully responsive weather app. Built with JavaScript, webpack, and the openweather API.

License

Notifications You must be signed in to change notification settings

macnick/Weather-App

Repository files navigation

Weather-App

Practice Promises and async/await while creating a weather forecast site using the weather API.

Features

  1. User can input a city to check the weather
  2. User can click search or hit enter to initiate a search
  3. User can click a button to toggle between C and F

Future Feature

  1. Add support for more languages
  2. Add an icon next to weather description
  3. Add a spinning icon while fetching data

Screenshots

Desktop/Laptop device

Tablets

Mobile

Built With

  • HTML,
  • CSS,
  • Javascript ES6

Live Demo

Live Demo Link

Getting Started

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

  1. git clone https://github.com/macnick/Weather-App.git
  2. cd Weather-App
  3. npm i
  4. Use live server on VSCode to open the index.html with your favorite browser

Prerequisites

  • A modern browser

Authors

👤 Author

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

  1. Fork it (https://github.com/macnick/Weather-App/fork)
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Show your support

if (you liked this project) { please give it a ⭐️ !}

Acknowledgments

  • Weather API
  • Inspiration

📝 License

This project is MIT licensed.

About

Find out the weather information of your city using this simple, fully responsive weather app. Built with JavaScript, webpack, and the openweather API.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages