How I published a gratitude journaling app for iOS and Android using SvelteKit and Capacitor

1

Svelte

I picked Svelte and SvelteKit as the frontend stack for the app. I believe this to be the best full-stack framework for the web today. An essential aspect for this project was its capability to compile in a multitude of ways: from a purely static Single Page Application to a complex Node.js app with a comprehensive frontend and backend.

#Javascript UI Libraries #JavaScript Framework #JS Library 352 social mentions

2

SvelteKit

I picked Svelte and SvelteKit as the frontend stack for the app. I believe this to be the best full-stack framework for the web today. An essential aspect for this project was its capability to compile in a multitude of ways: from a purely static Single Page Application to a complex Node.js app with a comprehensive frontend and backend.

#Application And Data #Languages & Frameworks #Frameworks (Full Stack) 82 social mentions

3

Icons8

I used Figma as the design tool and Icons8 for the illustrations. One thing I really like about Icons8 is that they have illustration sets, so you can get multiple illustrations in the same style, which gives the app a professional feel since all illustrations are consistent.

#Web Icons #Icon Fonts #Vector Icons 56 social mentions

4

Bubblewrap

After some research I had nailed down that I would have to use either bubblewrap, PWABuilder or Capacitor. Since all those worked with Progressive Web Apps, I set out to start with building a PWA.

#Monitoring Tools #Email Marketing #Windows Virtualization 23 social mentions

5

CapRover

I used DigitalOcean for hosting a CapRover instance. CapRover is a self-hosted PaaS that runs on a Virtual Private Server. If you are curious about this approach to hosting, I recently did a talk on the Svelte Society YouTube Channel about this architecture.

#PaaS #Cloud Computing #Container Tools 104 social mentions

6

Capacitor by Ionic

After some research I had nailed down that I would have to use either bubblewrap, PWABuilder or Capacitor. Since all those worked with Progressive Web Apps, I set out to start with building a PWA.

#Development Tools #JavaScript Framework #Javascript UI Libraries 112 social mentions