weather-pwa

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 31)

Find out the current weather forecast in any city around the world

weather-pwa Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Weather App (PWA)

[![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100)](https://github.com/murillo94/weather-pwa)

Find out the current weather forecast in any city around the world. Download the app directly from a browser and use anywhere 😀

## About

I built this app to learn more about the idea of [styled components](https://github.com/styled-components/styled-components) with React, [PWA](https://developers.google.com/web/progressive-web-apps/) concepts and [PRPL](https://developers.google.com/web/fundamentals/performance/prpl-pattern/) pattern too.
The project main idea is that anyone wants discover the weather around the world or local can search and find easily, with a nice UI and great usability.

## APIs

- https://openweathermap.org/api

## Features

- PWA
- Responsive
- Offline ready (in progress)
- Installable (add to Homescreen)

## Built with

- [React](https://github.com/facebook/react)
- [styled-components](https://github.com/styled-components)
- [webpack](https://github.com/webpack/webpack)

## Running it locally

#### Requirements

- [Node.js](https://nodejs.org/) (latest)
- [Yarn](https://yarnpkg.com/)

#### How to run

- `git clone git@github.com:murillo94/weather-pwa.git`
- `yarn install`
- `yarn dev`

To open the project in production mode, use:

- `yarn prod`

## url

https://murillo94.github.io/weather-pwa/

weather-pwa

weather-pwa Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

weather-pwa

weather-pwa Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README