Skip to content
💥 Progressive Hacker News client built with Angular
Branch: master
Clone or download
Houssein Djirdeh
Latest commit c682118 Aug 7, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config update to latest Sep 15, 2016
e2e
public fix images folder Sep 6, 2016
src
.angular-cli.json
.editorconfig update cli Dec 22, 2016
.firebaserc
.gitattributes modify gitattributes to vendor scss files Dec 28, 2016
.gitattributes~ gitattributes Sep 30, 2016
.gitignore
.travis.yml
CONTRIBUTING.md
LICENSE.md
README.md leverage workbox build for app shell + dynamic caching Aug 7, 2017
database.rules.json
firebase.json
karma.conf.js
package.json
protractor.conf.js update cli Dec 22, 2016
sw-precache-config.js
tslint.json update cli Dec 22, 2016
webpack.config.js upgrade to webpack 3 (#70) Jun 20, 2017
workbox-cli-config.js

README.md

Angular 2 HN

A progressive Hacker News client built with Angular

View App

PRs Welcome Build Status


⚡️ Fast: Service Worker App Shell + Dynamic Content model to achieve faster load times with and without a network.

📱 Responsive: Completely responsive UI that can be installed to your mobile home screen to provide a native feel.

🚀 Progressive: Lighthouse score of 87/100.

Mobile Preview

Laptop Preview

Offline Support

This app uses Workbox to generate a service worker as part of the build step to load quickly and work offline.

Manifest

With Chromium based browsers for Android (Chrome, Opera, etc...), Angular 2 HN includes a Web App Manifest that allows you to install to your homescreen.

Themes

Built in theme engine!

Current themes:

  • Default
  • Night
  • Black (AMOLED)

More to come!

Areas of improvement

  • Realtime updating using the Firebase SDK (may need to add option to settings so service worker can still rely on REST endpoints)
  • Server side rendering

Feel free to send me feedback on twitter or file an issue! Feature requests are always welcome.

Build process

Note: This project has been ejected (with AOT + production settings) in order to customize Webpack configurations.

  • Clone or download the repo
  • npm install
  • npm start to run the application with webpack-dev-server or npm build to kick off a fresh build and update the output directory (dist/)

Note: Any Service Worker changes will not be reflected when you run the application locally in development. To test service worker changes:

  • npm build
  • npm run precache to generate the service worker file
  • npm run static-serve to load the application along with the service worker asset using live-server

Contributors

A million thanks to some awesome people :)

You can’t perform that action at this time.