Welcome to week 3 of me building a self-tracking app in Svelte 5. This week I turned my simple webapp into a working mobile app with the help of Capacitor! I played with some mobile UI/UX features but also started working on the goal tracking system in the app.
GitHub: https://github.com/p0lloc/perfice (Give me a star ⭐)
Discord: https://discord.gg/qNMmZUZPp3
Icons by Freepik - Flaticon
Music: massobeats - honey, Chillpeach - Dreamy Mode
I am not associated with Svelte by any means.
Timestamps
00:00 - Intro
01:02 - Mobile research
01:20 - My framework choice
04:28 - Installing Capacitor
06:43 - Turning the app into a PWA
08:28 - Active/hover state on mobile
10:07 - Native back button
11:06 - Designing the goal editor
15:40 - Planning the goal system
20:08 - Implementing the goal system
22:53 - Outro