Skip to content

hamid-yg/my_weather_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Progressive Weather App

Goal of the project

Build a weather app where users can get weather information in real-time. We are to use the open weather API to make our API request. Practice Project of Google Africa Developer Scholarship

Technical Requirements

  • The website must use Html, CSS, and Javascript(No Javascript Framework)

  • The website must meet PWA criteria i.e

    • Be able to register a service worker and provide offline access to cached weather searches.
    • Must have a web app manifest in order for it to be installed on the user’s device.
    • Must meet the web accessibility guidelines found here https://www.w3.org/WAI/GL/WCAG20/
  • Save weather searches on local storage in order to make the weather results persist on the page when a user reloads.

  • The website must be responsive on all screens.

  • You can audit your website using google lighthouse in your chrome developer tools, in the Audit tab.

Skills

  • Have a basic understanding of service workers and how to implement them.

  • Create a web app manifest.

  • Have an understanding of web accessibility guidelines and why it’s necessary.

  • Use Local storage.

  • Use an external API in JavaScript.

  • Responsive designs and media query.

Demo

The website is host using Firebase. Here is the link https://my-weather-app-e5600.web.app/