Shopsum

▶ Go to App

Add up what you’re buying - no surprises at the checkout. Great if you shop to a budget 😊

This is a static site and it uses Vue 2 and Tachyons.

My approach to Vue is light; I just sprinkle in the <script> tag, this doesn’t have a big, clever build pipeline!!

Files

app.htm - the main HTML. It’s pretty slim. Elements have a lot of CSS classes on them because I use Tachyons, which is an Atomic CSS library.

app.js - the main script, including the Vue app stuff. This is such a simple app that it doesn’t need to be broken down into components (but you could…)

manifest.json and sw.js - these help it to be a Progressive Web App (see below)

vue.js - Libraries needed to use Vue.

Progressive Web App

This is a PWA! See manifest.json and sw.js

Here’s my guide to setting up your site as a PWA

Sources:

• Retrofit Your Website as a Progressive Web App (SitePoint)
• Using Service Workers (MDN)

Made by SteGriff

Feel free to Remix, and have fun!