Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
player.html
One file drop-in video player web app for using video files served using basic directory listing
-
kanban
A basic kanban board in a single HTML file using browser native drag & drop and localStorage for persistence (by sanderdlm)
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
-
-
logseq
A local-first, non-linear, outliner notebook for organizing and sharing your personal knowledge base. Use it to organize your todo list, to write your journals, or to record your unique life.
TiddlyWiki [0] is also a single HTML+JS page with incredible flexibility, and someone made kanboard in it too: tekan [1].
There is a long list of task/project management adaptions, including more kanboard implementations, here: https://dynalist.io/d/zUP-nIWu2FFoXH-oM7L7d9DM
[0] https://tiddlywiki.com/
[1] https://ibnishak.github.io/Tesseract/projects/tekan/Tekan.ht...
In case somebody is looking for something that's integrated with GitHub's Issue API (without any third-party service scamming you off for it): I built a GitHub Scrumboard Chromium Extension that is offline-ready and doesn't need any third-party server. [1]
As I'm often developing on my laptop while being on 2G slow, this extension is offline-ready and automatically synchronizes the issues once visiting the /issues URL of an online repository again.
[1] https://github.com/cookiengineer/github-scrumboard
For shared use and remote storage, I'd consider using CRDTs like yjs [1] for instance.
Should be pretty easy, local-first, and allow synchronous as well as asynchronous collaboration and syncing. Even p2p over LAN, webrtc or whatever (I'm unsure how to do local peer discovery in a web browser, on the desktop you'd simply use link-local multicast/avahi (DNS-SD)).
[1] https://github.com/yjs/yjs
I love the utility of single file web apps, even if this one does use 2 external dependencies.
I've gotten into this myself. I made a couple of (actually) single file web apps for navigating/viewing videos on a web server, or Markdown on a web server.
https://github.com/pseudosavant/player.html
https://github.com/pseudosavant/markdown.html
Ha, I'm very interested in this!
I had this same problem for my own app[0], I ended up solving it by just using dynamodb in my personal AWS account as the storage. Generous free tier, great uptime, and no users, security, etc to manage for me, like you mention.
It's way more technical than I'd like of course, since anyone who wants to use it needs to have a personal AWS account. And it isn't "synced", like you say, it's just using the AWS JS SDK to speak to dynamodb directly. But still it's been a real pleasure to build a web app this way -- the fact that anyone can use the app by plugging in their own storage is kind of the web development holy grail IMO.
[0] https://github.com/pickledish/cardi
I figured I'd have a shot at making one of these: https://github.com/dreadnip/kanban
I don't need board/list management so I made simplified version with a fixed HTML structure, only the notes are dynamic. Also uses localStorage, browser drag & drop and single file without dependencies. Pretty fun exercise in building small single page applications with just JS. Thanks for the idea OP!
FWIW there are options today like https://remotestorage.io/ and https://solidproject.org/ (which I don't know much about but it was recently on the front page). remotestorage is a nice idea because the provide client-side shims for Google Drive and Dropbox so many users can use it today but these shims are slow and buggy so it isn't really good enough today.
I definitely don't want users to need to set up their own database. Ideally I could just publish a static website (or an HMTL file) and users can use their own synced storage.
An elegant solution, thanks for sharing!
For self-hosted personal use I've had a good experience with Kanboard, https://kanboard.org/ on a DO droplet for a kanban board that I can also access via an android app.
Kanboard is distributed under MIT, needs a db and php. For DB Sqlite, Mysql/Postgres, others.
If you want to run it on your machine, a LAMP / LNMP setup is quite fast and convenient.
Not as elegant as the parent source, but there were requests for self-hosted Kanban solutions. This one works well for me.
The basics of using it are here - https://logseq.github.io/#/page/getting%20started
With respect to embedding source code - you can wrap it in "pre" and "code" tags, I believe. But are you referring to executing a source block as you might in org-mode? You can also jam whatever custom CSS you want into the https://logseq.com/#/file/logseq%2Fcustom.css file to render code the way you would like.
The Discord channel is also extremely active and the dev team is on there all the time. I am old so I find this all very confusing but they have definitely helped me out several times - https://discord.gg/KpN4eHY
I am a pretty basic user of this, but if there is anything else you want to know, please ask.