GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects โ†’ tastejs โ†’ Hacker News Pwas

tastejs / Hacker News Pwas

HNPWA - Hacker News readers as Progressive Web Apps ๐Ÿ“ฑ

Programming Languages

HTML
75241 projects
SCSS
7915 projects
ruby
36898 projects - #4 most used programming language
javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

progressive-web-appnewshackercode-splittinglighthousehacker-news-readerprpl

Projects that are alternatives of or similar to Hacker News Pwas

webpack-everything
Vue cli template with webpack, vuex, vue router, eslint, image compression, graphql, apollo, server side rendering, code splitting and progressive web app (PWA) capabilities
Stars: โœญ 19 (-99.19%)
Mutual labels:  progressive-web-app, code-splitting
Lighthouse Check Action
GitHub Action for running @GoogleChromeLabs Lighthouse audits with all the bells and whistles ๐Ÿ”” Multiple audits, Slack notifications, and more!
Stars: โœญ 175 (-92.54%)
Mutual labels:  lighthouse, progressive-web-app
hackerweb-native-2
HackerWeb 2: A read-only Hacker News client.
Stars: โœญ 51 (-97.83%)
Mutual labels:  news, hacker
universal-react-starter-kit
Universal React Starter Kit is an universal web application framework using koa, react, redux and webpack.
Stars: โœญ 13 (-99.45%)
Mutual labels:  progressive-web-app, code-splitting
chicio.github.io
๐Ÿ‘ป Fabrizio Duroni (me ๐Ÿ˜„) personal website. Created using GatsbyJS, Styled Components, Storybook, Typescript, tsParticles, GitHub pages, Github Actions, Upptime.
Stars: โœญ 20 (-99.15%)
Mutual labels:  progressive-web-app, lighthouse
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 (-96.29%)
Mutual labels:  lighthouse, progressive-web-app
Ping
Ping! Share show ideas, feedback, or general questions. Just create an issue.
Stars: โœญ 267 (-88.61%)
Mutual labels:  news, hacker
Quiet Hacker News
๐Ÿ˜ถ Quiet Hacker News
Stars: โœญ 100 (-95.74%)
Mutual labels:  news, hacker
Newsapp
NewsApp
Stars: โœญ 183 (-92.2%)
Mutual labels:  news
Lighthouse Ci
A useful wrapper around Google Lighthouse CLI
Stars: โœญ 198 (-91.56%)
Mutual labels:  lighthouse
Hack Tools
The all-in-one Red Team extension for Web Pentester ๐Ÿ› 
Stars: โœญ 2,750 (+17.27%)
Mutual labels:  hacker
React Ssr Boilerplate
Boilerplate for React apps with routing, code splitting, & server side rendering
Stars: โœญ 183 (-92.2%)
Mutual labels:  code-splitting
Bundle Buddy Webpack Plugin
๐Ÿ๐Ÿ๐Ÿ๐Ÿ bundle-buddy-webpack-plugin ๐Ÿ๐Ÿ๐Ÿ๐Ÿ
Stars: โœญ 199 (-91.51%)
Mutual labels:  code-splitting
Vaporboy
Gameboy / Gameboy Color Emulator PWA built with Preact. โš›๏ธ Powered by wasmBoy. ๐ŸŽฎThemed with VaporWave. ๐ŸŒด๐Ÿฌ
Stars: โœญ 182 (-92.24%)
Mutual labels:  progressive-web-app
Zbn
ๅฎ‰ๅ…จ็ผ–ๆŽ’ไธŽ่‡ชๅŠจๅŒ–ๅ“ๅบ”ๅนณๅฐ
Stars: โœญ 201 (-91.43%)
Mutual labels:  hacker
Dockerfiles
Various dockerfiles including chrome-headless, lighthouse and other tooling.
Stars: โœญ 180 (-92.32%)
Mutual labels:  lighthouse
Awesome Hacking Lists
Project transferred to: https://github.com/taielab/awesome-hacking-lists
Stars: โœญ 203 (-91.34%)
Mutual labels:  hacker
Autowebperf
AutoWebPerf provides a flexible and scalable framework for running web performance audits with arbitrary audit tools including PageSpeedInsights, WebPageTest and more.
Stars: โœญ 199 (-91.51%)
Mutual labels:  lighthouse
News
TYPO3 Extension news
Stars: โœญ 192 (-91.81%)
Mutual labels:  news
Lighthouse Security
Runs the default Google Lighthouse tests with additional security tests
Stars: โœญ 190 (-91.9%)
Mutual labels:  lighthouse
View All Similar Projects โž”

Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC.

Build Status

Implementations

See our site or the site/apps directory for the current list of implementations.

Specification

Each implementation must include:

  • Views: Hacker News Top Stories, New, Show, Ask, Jobs & threaded Comments
    • Each of these should use routing to enable sharability. For reference, see the PreactHN implementation.
  • App must display 30 items per-page for story list views
  • App must be a Progressive Web App
  • App must score over a 90/100 using Lighthouse
  • App must aim to be interactive in under 5 seconds on a Moto G4 over 3G. Use WebPageTest using the auto-selected Moto G4 + Faster 3G setting to validate "Time to interactive"
    • We look at numeric Lighthouse scores for TTI as well as a manual inspection of the application's Timeline "trace" and Filmstrip as a sanity check.
  • App must use the Application Shell pattern to instantly load the skeleton of the UI on repeat visits
  • App is responsive on desktop and mobile, making best use of available screen real-estate. See Vue HN as an example.
  • App must do its best to work cross-browser

Optionally:

  • App supports offline caching of HN data (e.g similar to the 'Offline Mode' in ReactHN)
  • App may use server-side rendering so displaying content is resilient to JS not loading on the network

User interface:

  • At this time, HNPWA does not prescribe a specific stylesheet or theme for implementations. We will be aiming to provide this in the near future similar to how we do with TodoMVC.

Data sources

If using the Firebase powered API please use 30 stories per-page to ensure consistency between implementations using the Unofficial API as well as the actual Hacker News website

Network settings

  • Emerging Markets: Chrome Beta on a Motorola G (gen 4) tested from Dulles, Virginia on a 400 Kbps 3G connection with 400ms of latency. Tested with WebPageTest using the auto-selected Moto G4 + Emerging Markets setting.
  • Faster 3G: Chrome Beta on a Motorola G (gen 4) tested from Dulles, Virginia on a 1.6 Mbps 3G connection with 300ms of latency. Tested with WebPageTest using the auto-selected Moto G4 + Faster 3G setting.
  • Time to Interactive readings taken from linked Lighthouse results in WebPageTest.

License

Each implementation preserves the license noted in the linked to applications.

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].