iblanked / angular2-hn

:boom: Angular 2 and RxJS powered Hacker News client

Home Page:https://angular2-hn.firebaseapp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular 2 HN

PRs Welcome

A fast and responsive Hacker News client built with Angular CLI, RxJS and Webpack.

Live Version

Mobile Preview

Laptop Preview

Features

  • Supports display of:
  • Stories
  • Jobs
  • User profiles
  • Items load with almost half the bandwidth than Hacker News thanks to this [awesome API]
  • Completely responsive UI that provides a native feel regardless of which device you use

If you would like to know how I built this app, I wrote a blog post explaining each and every step.

Areas of improvement

  • Realtime updating
  • Progressive web capabilities

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

Build process

  • Clone or download the repo
  • If you don't have Angular CLI installed: npm install -g angular-cli@latest
  • ng init
  • Input n for each file to not overwrite any file changes
  • ng serve
  • ng serve --prod will kick off a production build with uglifying and tree-shaking

This will kick off the server at http://localhost:4200/. Any changes you do to the source files should automatically reload the app.

Click here to see a full list of what you can do with Angular CLI.

About

:boom: Angular 2 and RxJS powered Hacker News client

https://angular2-hn.firebaseapp.com


Languages

Language:CSS 35.9%Language:TypeScript 28.8%Language:HTML 25.1%Language:JavaScript 10.1%