2025
Progress tracker
Overview (V2)
Progress Tracker is a continuation of my 2021 mobile app. As a dedicated musician, I created it to help me track my progress in learning 40 songs by heart for our music ensemble. The app allows me to easily monitor my progress by color-coding each item in a scrollable list. This time it is not only for personal use but also for 3 other members of our ensemble. I also had an ulterior motive to make a simple project using new technologies. This is my first time using Svelte, Redis and AWS. I also wanted the data to update ultra-fast. That’s why I used a websocket and Redis as an in-memory database
Key Features
- Minimalist and intuitive user interface
- Color-coded progress stages for easy tracking
- Interactive item color change on click
- Real-time data updates for all users
Tech stack
- Front-end:
Svelte
SvelteKit
Typescript
Vite
- UI:
Tailwind CSS
- Websocket API:
Bun
- Database:
Redis
- Containerization:
Docker
- Deployment:
Azure
Azure VM
Debian
- Reverse proxy:
Caddy
- CI/CD:
GitHub Actions
DockerHub
Watchtower
- DNS:
Cloudflare
- IDE/AI:
Cursor
- Version control:
Git
GitHub
GitKraken
What I learned
- Bun
- Azure VM
- Caddy
- Watchtower
Overview (V1)
This was an older version of the app. It was built much simpler and without a proper CI/CD pipeline.
Tech stack
- Front-end:
Svelte
Typescript
Vite
- UI:
Tailwind CSS
- Websocket API:
Node.js
- Database:
Redis
- Containerization:
Docker
- Deployment:
AWS
EC2
Ubuntu
- Reverse proxy:
Nginx
- DNS:
Cloudflare
- AI tools:
Claude
ChatGPT
Le Chat
Deepseek
- IDE:
Visual Studio Code
- Version control:
Git
GitHub
GitKraken
What I learned
- Svelte
- Redis
- AWS EC2
- Websocket technology