Skip to content

The weather app is used for checking current weather conditions for popular cities across the globe. It uses the OpenWeatherMap API. Built with javascript, webpack, anime.js, html, and css

Notifications You must be signed in to change notification settings

enaburekhan/WeatherApp

Repository files navigation

PROJECT: WeatherApp

The WeatherApp project is use for checking current weather conditions for most popular cities across the globe. It uses the openweathermap API through the given API key to collect and process data from different sources such as global and local weather models, satalites, radars and vast network of weather stations. The data is displayed in JSON format. The project also made use of the javascript animation engine called anime.js to display the receiving data from the WeatherApp API. One can toggle between Celcius and Fahrenheit temperature by clicking on the top left button with either the C or F symbol.

Live Demo:

WeatherApp

Screenshot

weatherapp

Built-With

  • HTML5
  • CSS3
  • JavaScript
  • Webpack
  • Jquery
  • Bootstrap
  • WeatherApi
  • Anime.js

Getting Started

To get this project set up on your local machine, follow these simple steps:

  1. Clone this project: git clone https://github.com/enaburekhan/WeatherApp.git
  2. Cd into the cloned directory
  3. Install the required dependencies by using: npm install
  4. Distribution files can be produced using: npm run build
  5. Sign up @ openweathermap.org and add the assign key to the apikey variable in data.js

Author Details:

👤 Eric Enaburekhan

Show your support

Kindly ⭐ Star this project on GitHub — it helps!

📝 License

This project is MIT licensed.

About

The weather app is used for checking current weather conditions for popular cities across the globe. It uses the OpenWeatherMap API. Built with javascript, webpack, anime.js, html, and css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published