Kanban board in one HTML using localstorage

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • OPS - Build and Run Open Source Unikernels
  • SonarQube - Static code analysis for 29 languages.
  • GitHub repo Nullboard

    Nullboard is a minimalist kanban board, focused on compactness and readability.

  • GitHub repo TiddlyWiki

    A self-contained JavaScript wiki for the browser, Node.js, AWS Lambda etc.

    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...

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo github-scrumboard

    :calendar: GitHub Scrumboard Chromium Extension

    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

  • GitHub repo yjs

    Shared data types for building collaborative software

    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

  • GitHub repo player.html

    One file drop-in video player web app for using video files served using basic directory listing

    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

  • GitHub repo cardi

    A full-featured, static-generated PWA for notes stored in privately owned DynamoDB tables

    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

  • GitHub repo kanban

    A basic kanban board in a single HTML file using browser native drag & drop and localStorage for persistence (by dreadnip)

    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!

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo solid

    Solid - Re-decentralizing the web (project directory) (by solid)

    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.

  • GitHub repo Kanboard

    Kanban project management software

    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.

  • GitHub repo 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.

    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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts