Permite instalação como um Progressive Web App

levxyca / diciotech

O Diciotech é um dicionário tech online colaborativo, construído com HTML, SASS e JavaScript, e open source. Nossa missão é ajudar pessoas de todos os níveis a entenderem termos e conceitos relacionados à tecnologia de forma clara e simples.

https://diciotech.netlify.app/

GNU General Public License v3.0

462 stars 81 forks source link

Permite instalação como um Progressive Web App #262

Closed george-gca closed 2 weeks ago

george-gca commented 3 weeks ago

Descrição de PR

Permite a instalação como um progressive web app que roda em uma aba do chrome isolada. Quando nesse formato, esconde o GitHub corner.

Issue relacionado

Resolve #261

Motivações

Isso permite rodar o diciotech como uma aplicação isolada em tela cheia. Pode ser útil pra alguns usuários.

Informações adicionais

Aqui como aparece no meu celular Android, usando o qr code do Netlify pra abrir o site e instalar:

O splash screen fica com o fundo branco porque ainda não dá pra configurar essa cor de acordo com o padrão do sistema, mas isso tem sido discutido já no padrão.

netlify[bot] commented 3 weeks ago

Deploy Preview for diciotech ready!

Name	Link
Latest commit	64de9cc2f5472bc127eac5e2be0373356c7a99ae
Latest deploy log	https://app.netlify.com/sites/diciotech/deploys/672e209079cd930008aa3838
Deploy Preview	https://deploy-preview-262--diciotech.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

george-gca commented 3 weeks ago

Adicionei pra também esconder o botão de mudar o tema, já que rodando como "app nativo" faz mais sentido usar o tema do sistema.

george-gca commented 2 weeks ago

Feito. Eu vou depois arrumar essa GitHub action do Prettier, que não funciona como eu esperava que funcionasse. Ignora esse erro por enquanto.

levxyca commented 2 weeks ago

@george-gca tranquilo!