https://github.com/alexnoz/vanilla-wc-hnpwa

:iphone: :rocket: Hacker News PWA built with vanilla JS and Web Components
https://github.com/alexnoz/vanilla-wc-hnpwa

hacker-news hnpwa progressive-web-app pwa

Last synced: 3 months ago
JSON representation

:iphone: :rocket: Hacker News PWA built with vanilla JS and Web Components

• Host: GitHub
• URL: https://github.com/alexnoz/vanilla-wc-hnpwa
• Owner: alexnoz
• Created: 2018-07-18T14:12:49.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-21T13:57:44.000Z (over 6 years ago)
• Last Synced: 2024-10-18T02:21:16.222Z (4 months ago)
• Topics: hacker-news, hnpwa, progressive-web-app, pwa
• Language: JavaScript
• Homepage: https://vanilla-wc-hnpwa.firebaseapp.com
• Size: 229 KB
• Stars: 45
• Watchers: 5
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Vanilla Web Components HNPWA

> Hacker News Progressive Web Application built with vanilla JS and [Web Components](https://www.webcomponents.org/introduction).



  

    

    


    Demo

  



## Features

* Two bundles - legacy (for browsers that don't support ``) and modern (see [Phillip Walton's great post](https://philipwalton.com/articles/deploying-es2015-code-in-production-today/) for details)

* [PRPL pattern](https://developers.google.com/web/fundamentals/performance/prpl-pattern/)

* Route-level code splitting

* Critical CSS inlining

* Preload / prefetch resource hints

* App manifest

* Service Worker

* Lighthouse score 100/100

## Development

1) Run `git clone https://github.com/alexnoz/vanilla-wc-hnpwa.git` to clone the repo

2) `cd vanilla-wc-hnpwa`

3) Run `yarn install` to install the dependencies

4) Run `yarn start` to kick off `webpack-dev-server`

5) Do something cool

6) Run `yarn build` to build the production version of the app

These steps require [firebase](https://firebase.google.com/docs/hosting/quickstart) to be installed:

7) Run `firebase serve` to serve the production version locally

8) Run `yarn run deploy` to deploy the app

## Coming soon (hopefully)

* SSR