The latest articles on DEV Community by Johannes Häusler (@spotlightforbugs). https://dev.to/spotlightforbugs https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F922569%2F463d15a8-0486-43be-8048-acfc1c8aaa15.jpeg https://dev.to/spotlightforbugs en Johannes Häusler Wed, 27 May 2026 20:47:20 +0000 https://dev.to/spotlightforbugs/kramli-the-list-app-28fi https://dev.to/spotlightforbugs/kramli-the-list-app-28fi <p><em>This is a submission for the <a href="https://dev.to/challenges/github-2026-05-21">GitHub Finish-Up-A-Thon Challenge</a></em></p> <h2> Kramli </h2> <p>I build Kramli, the list app for you. </p> <p>"Done" does not mean you never ship another update. No side project gets there. Kramli is in the App Store, on Google Play, and in the browser at <a href="https://kram.li" rel="noopener noreferrer">kram.li</a>. I still change it every week.</p> <p>Shopping lists, todos, packing lists, and Kanban boards live in one app. Web, iPhone, iPad, Mac, and Android share the same account; edits sync over Socket.IO on the web and push on mobile. You can share lists and folders, send invite links (<code>kram.li/i/...</code>), and see who changed what in the activity feed.</p> <p>Items get tags, priorities, due dates, custom states, notes, comments, and server-side undo. There is a calendar, a "My Day" view, a focus timer, and search across lists.</p> <p>Browser extensions for Chrome, Firefox, and Edge clip text and links into a list (right-click on desktop, long-press on phone). Safari uses the extension bundled with the Mac and iOS app. Widgets exist on iOS and Android; there is an Apple Watch app. Wear OS is in progress.</p> <p>Fifteen UI languages share one set of ARB files (<code>app_de.arb</code> and siblings); <code>scripts/sync_l10n.py</code> feeds Flutter, the Flask web app, extension <code>_locales</code>, and native strings. Android also ships on the Play Store and as a Google-free APK (Obtainium link on the landing page).</p> <p>The web build on <a href="https://kram.li" rel="noopener noreferrer">kram.li</a> is usually ahead of the store builds. Betas are at <a href="https://kram.li/beta" rel="noopener noreferrer">kram.li/beta</a> when App Review holds up a release.</p> <h2> Try it </h2> <p><a href="https://kram.li" rel="noopener noreferrer">kram.li</a></p> <p>On a phone, install from the store or join the <a href="https://kram.li/beta" rel="noopener noreferrer">beta program</a> if you want the build that is waiting on review.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2mefgmubr6qpcufv26k2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2mefgmubr6qpcufv26k2.png" alt="Mobile Beta Landing" width="800" height="867"></a></p> <p>Or search for <strong>Kramli</strong> on the Play Store.</p> <p>Platforms today: Android, iOS, iPadOS, macOS, Apple Watch. Wear OS is not shipped yet.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkkvbpd8o72ugfuvzzdde.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkkvbpd8o72ugfuvzzdde.png" alt="Kramli Extension Showcase image" width="800" height="500"></a></p> <h2> Why I kept shipping </h2> <p>Motivation is not constant. When more people use the app and the feedback is kind, it is easier to open the repo again. That is what "finished" means for this challenge: shipped, not abandoned.</p> <h2> GitHub Copilot </h2> <p>Copilot helped most with tab completions in a big monorepo (Flask + Jinja web, Flutter mobile, browser extensions). For research I used MCP tools (including Browser-Use) so I did not have to click through every flow by hand. The 15-language rollout would have taken longer without help keeping ARB keys and sync scripts consistent.</p> <p>Copilot code review caught issues before merge. The mobile agent session from the phone was useful when a localization string broke and I was away from my desk.</p> <p>I still made the product calls: web/mobile feature parity, where settings live, German copy with real umlauts. Copilot did not replace that; it cut time on repetitive edits.</p> devchallenge githubchallenge