housseindjirdeh / Angular2 Hn
Licence: mit
💥 Progressive Hacker News client built with Angular
Stars: ✭ 1,293
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Angular2 Hn
Sw Precache
Service Worker Precache is a module for generating a service worker that
precaches resources. It integrates with your build process. Once configured, it
detects all your static resources (HTML, JavaScript, CSS, images, etc.) and
generates a hash of each file's contents. Information about each file's URL and
versioned hash are stored in the generated service worker file, along with logic
to serve those files cache-first, and automatically keep those files up to date
when changes are detected in subsequent builds.
Stars: ✭ 5,276 (+308.04%)
Mutual labels: offline, progressive-web-app, service-worker
Your First Pwapp
Code associated with Your First Progressive Web App codelab
Stars: ✭ 619 (-52.13%)
Mutual labels: offline, progressive-web-app, service-worker
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+243.7%)
Mutual labels: offline, progressive-web-app, service-worker
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (-79.51%)
Mutual labels: offline, progressive-web-app, service-worker
Create React Pwa
https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
Stars: ✭ 1,268 (-1.93%)
Mutual labels: offline, progressive-web-app, service-worker
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (-48.57%)
Mutual labels: offline, progressive-web-app, service-worker
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+269.45%)
Mutual labels: offline, progressive-web-app, service-worker
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (-82.44%)
Mutual labels: offline, progressive-web-app, service-worker
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (-81.05%)
Mutual labels: offline, progressive-web-app, service-worker
Super Progressive Web Apps
SuperPWA helps to convert your WordPress website into Progressive Web Apps instantly. PWA (Progressive Web Apps) demo at : https://superpwa.com and Plugin :
Stars: ✭ 304 (-76.49%)
Mutual labels: offline, progressive-web-app, service-worker
Sol Journal
✎ Simple, personal journaling progressive web app
Stars: ✭ 470 (-63.65%)
Mutual labels: offline, progressive-web-app
Ionic Pwa
🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-93.27%)
Mutual labels: progressive-web-app, service-worker
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-94.35%)
Mutual labels: progressive-web-app, service-worker
Aws Mobile Appsync Chat Starter Angular
GraphQL starter progressive web application (PWA) with Realtime and Offline functionality using AWS AppSync
Stars: ✭ 449 (-65.27%)
Mutual labels: offline, progressive-web-app
Expense Manager
💸 Take control back. Track your everyday spendings.
Stars: ✭ 409 (-68.37%)
Mutual labels: progressive-web-app, service-worker
Demo Progressive Web App
🎉 A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (-38.28%)
Mutual labels: offline, progressive-web-app
Pwastats
A directory of Progressive Web App case studies.
Stars: ✭ 88 (-93.19%)
Mutual labels: offline, service-worker
Pushkit
All the required components to set up independent web push notifications 🎈
Stars: ✭ 45 (-96.52%)
Mutual labels: progressive-web-app, service-worker
Parcel Plugin Sw Cache
📦👷 Parcel plugin for caching using a service worker
Stars: ✭ 45 (-96.52%)
Mutual labels: progressive-web-app, service-worker
Expenses
💰Expense tracker using Google Sheets 📉 as a storage written in React
Stars: ✭ 1,105 (-14.54%)
Mutual labels: progressive-web-app, service-worker
A progressive Hacker News client built with Angular
⚡️ 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 startto run the application with webpack-dev-server ornpm buildto 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 precacheto generate the service worker file -
npm run static-serveto load the application along with the service worker asset using live-server
Contributors
A million thanks to some awesome people :)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].