/weathi

A clean and simple weather app providing 5-day forecasts for any city in the world.

Primary LanguageJavaScriptMIT LicenseMIT

Weathi logo Weathi

Description

Click here to visit the live website.

A clean and simple weather app that provides current and future forecasts for any city in the world.

Weathi home page preview

The aim of this project is to provide a free, fast, and simple weather tracking service for travelers. Using the OpenWeatherMap API, Weathi allows a users to get the weather of any location from just the city name, regardless of the country.

Usage

A user may do the following:

  • Resize the window to get a layout that is appropriate for the screen dimensions
  • Type a city name inside the search bar to get the weather for that city. The searched city is saved in local storage Search results preview
  • Click on a specific city name if Weathi finds duplicate city names City clarify preview
  • Click on a saved search button to get the weather for that location

Code Source

The files that were edited in this project can be found through the following path (from root):

  • index.html
  • search-results.html
  • assets/css/style.css
  • assets/css/index-style.css
  • assets/css/search-results-style.css
  • assets/js/script.js

Credits

The Weathi logo and weather icons were designed by me.

The cloud background image on the home page (index.html) was not created by me. It is owned by the following:

The following resources were used to assist in the development of this project:

License

This project is made under the MIT License.