Skip to content

A weather app that fetches from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript & Webpack.

License

Notifications You must be signed in to change notification settings

teekaytech/Weather-App

Repository files navigation

Weather-App

This is a Weather App built with JavaScript & Webpack. The project comes at the end of the Asynchronous Javascript and APIs section of my Javascript course. It tests my knowledge about asynchronous communication with promises or async/await and when to use them. I used the Open Weather API to consume the weather details. I also processed the data fetched from the API to render in both Celcius & Fahrenheit. The background changes based on the atmospheric condition of the location provided.

Homepage Landing page

Cloudy Weather Page cloud page

Rainy Weather Page Rain page

Clear Weather Page Clear page

Built With

  • HTML
  • SASS
  • JavaScript (ES6)
  • Webpack
  • Open Weather API
  • Netlify

Live Demo

Weather App

Netlify Status

Getting Started

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

  • On the project GitHub page, navigate to the main page of the repository this page.
  • Under the repository name, locate and click on a green button named Code.
  • Copy the project URL as displayed.
  • If you're running Windows Operating System, open your command prompt. On Linux, Open your terminal.
  • Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.
  • Type git clone, and then paste the URL you copied in Step 3.
    $ git clone https://github.com/teekaytech/Weather-App.git Press Enter key
  • Press Enter. Your local copy will be created.

Please Note that you must have github installed on your PC, this can be done here.

Prerequisites

Web browser (Chrome/Firefox)

Usage

Click on the live demo link and peruse the app.

Making Changes

  • npm install to install the dependencies and packages
  • npm start to test the app after changes were made

Author

👤 Taofeek Olalere

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

About

A weather app that fetches from the OpenWeatherMap API to allow users to search for and view the forecast in cities worldwide. Built with JavaScript & Webpack.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages