sakship31 / Weather-App-PWA

A simple PWA Weather React Application.

Home Page:https://happy-einstein-b9bed8.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WEATHER APP-PWA



Description

This is a simple Progressive Web App(PWA) Weather Application made using reactJS.

Check out the web app- https://happy-einstein-b9bed8.netlify.app/

Features

Weather app(PWA) has following features-

1)You can visit the url given and check weather by entering valid city name.

2)Installable: Visit the url given above and you can install the weather application by clicking on the "+" sign on top right of the browser.This will install the PWA in your pc.This will be like any other browser tab but easily accessible as installed in pc and hence separate window will be opened like any other installed application.

3)Offline: On no internet connection, a separate offline page is rendered.


Installed Application

Would show offline page in app when no internet connection

On Browser


Installation

Install the dependencies by running:

    npm install --save axios

URL of API used-

   https://api.openweathermap.org/data/2.5/weather

Run using Command Prompt

With react installed,clone the repository and navigate to the folder-

    npm start

About

A simple PWA Weather React Application.

https://happy-einstein-b9bed8.netlify.app/


Languages

Language:JavaScript 55.4%Language:CSS 25.0%Language:HTML 19.5%