Skip to content

sebholstein/angular-hacker-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular Hacker News PWA

A Hacker News clone / Progressive Web App (PWA) developed with Angular 4 for the HNPWA project.

SEE IT LIVE HERE!

Blog post with more details

Features

  • Framework/UI libraries: Angular 4, Angular Router, Angular HTTP
  • Module bundling: Webpack 3 with Scope Hoisting
  • Service Worker: sw-precache
  • Performance patterns: HTTP/2, Server Push, Brotli
  • Server-side rendering: Yes with @angular/platform-server
  • API: Hacker News Firebase API & Node-hnapi (unoffical)
  • Hosting: Digitalocean / self-hosted
  • Other details: Lazy loading of routes
  • Author: Sebastian Müller

Architecture

Architecture

The application has 3 services that run in Docker containers on a CoreOS Container Linux in production.

My blog post has more details about the services and the architecture.

Current Lighthouse stats

Best test result so far:
https://www.webpagetest.org/lighthouse.php?test=170711_54_532be7068a1836a1647889ad4ac5c1f2&run=3

Development

  1. Install Yarn, Java SDK, Go 1.8, Caddy, and NodeJS 8
  2. run yarn --pure-lockfile
  3. run yarn run build or npm run build
  4. run caddy in the root directory
  5. run node dist/src/server.js
  6. run go run api.go
  7. open http://localhost:8082

TODOS:

  • CI configuration