An open API service indexing awesome lists of open source software.

https://github.com/gabrieldarezzo/mobile-first

Estudo sobre Mobile-First
https://github.com/gabrieldarezzo/mobile-first

mobile-first offline-first push-notification push-notification-browser service-work

Last synced: 11 months ago
JSON representation

Estudo sobre Mobile-First

Awesome Lists containing this project

README

          

Demo online:
https://gabrieldarezzo.github.io/mobile-first/

Ps:
Repare que após acessar a primeira vez, ele os dados (

  • ) de forma offline puxando via cache (e não exibe o dinossauro).

    ![Kill dino with meteor](https://i.ytimg.com/vi/Z08xBdsbhns/maxresdefault.jpg)

    Link do Projeto:
    https://github.com/gabrieldarezzo/mobile-first

    Service Work Lifecycle:
    docs/sw-lifecycle.png

    [x] Offline First (Após abrir 1x, é possivel abrir o site novamente mesmo se estiver fechado)
    -> Está no metro, sem sinal e abriu o site de Notícia, vai navegar tranquilamente mesmo sem sinal/offline (pelo menos no que está no cache)

    [ ] 1.a Enviar Notificação pelo Browser (mesmo fechado)
    -> Ex: Portal de Notícia, ao cadastrar Notícia notifica todo mundo que tem uma Notícia nova.

    # How to Run:
    ```shell
    npm install
    node server.js
    ```

    Link de apoio:
    https://developers.google.com/web/fundamentals/codelabs/offline/?hl=pt-br

    Validar Json
    http://jsonviewer.stack.hu/

    https://developers.google.com/web/updates/2015/03/push-notifications-on-the-open-web?hl=pt-br

    Exemplo de Notificação:
    https://serviceworke.rs/push-get-payload_demo.html