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 â†’ alexnoz â†’ vanilla-wc-hnpwa

alexnoz / vanilla-wc-hnpwa

Licence: other
ðŸ“ą 🚀 Hacker News PWA built with vanilla JS and Web Components

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

pwahacker-newsprogressive-web-apphnpwa

Projects that are alternatives of or similar to vanilla-wc-hnpwa

glimmer-hn-pwa
A Demonstration Of HackerNews Progressive Web App Powered By Glimmer.js
Stars: ✭ 28 (-26.32%)
Mutual labels:  hacker-news, progressive-web-app, hnpwa
whatsapp-bot
Whatsapp client Bot for hacker news website
Stars: ✭ 31 (-18.42%)
Mutual labels:  hacker-news
Diurna
Basic/Classic Hacker News app, used as a Cocoa & Swift learning platform
Stars: ✭ 100 (+163.16%)
Mutual labels:  hacker-news
java-pwa
Progressive Web Apps in Java
Stars: ✭ 48 (+26.32%)
Mutual labels:  progressive-web-app
generative.fm
A platform for playing generative music in the browser.
Stars: ✭ 1,557 (+3997.37%)
Mutual labels:  progressive-web-app
hackerNews-pwa
hacker news pwa
Stars: ✭ 17 (-55.26%)
Mutual labels:  hnpwa
HackerrankJAVA
This repository consists of Hackerrank JAVA Solutions
Stars: ✭ 31 (-18.42%)
Mutual labels:  hacker-news
periodic-table.io
periodic-table.io
Stars: ✭ 37 (-2.63%)
Mutual labels:  progressive-web-app
pwa-workshop
Workshop: Turning a regular website into a Progressive Web Application
Stars: ✭ 41 (+7.89%)
Mutual labels:  progressive-web-app
simple-cloud-music
įŪ€æīįš„įš„įŽŽäļ‰æ–đį―‘易䚑éŸģäđæ’­æ”ūå™Ļ
Stars: ✭ 306 (+705.26%)
Mutual labels:  progressive-web-app
vanilla-hn
A Hacker News Reader in Vanilla JavaScript
Stars: ✭ 36 (-5.26%)
Mutual labels:  hacker-news
engine
Benefit from new browsers' technologies to speed up your site
Stars: ✭ 39 (+2.63%)
Mutual labels:  progressive-web-app
learn-web-development
Learn Web Development from Top Articles of 2017
Stars: ✭ 64 (+68.42%)
Mutual labels:  progressive-web-app
hackernews-example
An NX Hacker News clone with real-time updates and animations.
Stars: ✭ 56 (+47.37%)
Mutual labels:  hacker-news
qrcodescan.in
📠 A simple, fast, and useful progressive web application.
Stars: ✭ 144 (+278.95%)
Mutual labels:  progressive-web-app
hackertab.dev
Hackertab turns your New Tab page into a geeky one that keeps you as a developer updated with the best tools, news, jobs and events.
Stars: ✭ 229 (+502.63%)
Mutual labels:  hacker-news
hackernews-TUI
A Terminal UI to browse Hacker News
Stars: ✭ 347 (+813.16%)
Mutual labels:  hacker-news
hacker-hiring-hunt
ðŸ‘Ļ‍ðŸ’ŧ Tool for searching through Hacker News whoshiring threads
Stars: ✭ 28 (-26.32%)
Mutual labels:  hacker-news
exploration-service-worker
Let's get started with ServiceWorker
Stars: ✭ 14 (-63.16%)
Mutual labels:  progressive-web-app
progressive
This is the repository for my course, Building a Progressive Web App on LinkedIn Learning and Lynda.com.
Stars: ✭ 26 (-31.58%)
Mutual labels:  progressive-web-app
View All Similar Projects ➔

Vanilla Web Components HNPWA

Hacker News Progressive Web Application built with vanilla JS and Web Components.


Demo

Features

  • Two bundles - legacy (for browsers that don't support <script type=module>) and modern (see Phillip Walton's great post for details)
  • PRPL pattern
  • Route-level code splitting
  • Critical CSS inlining
  • Preload / prefetch resource hints
  • App manifest
  • Service Worker
  • Lighthouse score 100/100

Development

  1. Run git clone https://github.com/alexnoz/vanilla-wc-hnpwa.git to clone the repo
  2. cd vanilla-wc-hnpwa
  3. Run yarn install to install the dependencies
  4. Run yarn start to kick off webpack-dev-server
  5. Do something cool
  6. Run yarn build to build the production version of the app

These steps require firebase to be installed:

  1. Run firebase serve to serve the production version locally
  2. Run yarn run deploy to deploy the app

Coming soon (hopefully)

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