5 ms·

It's impressive that it's all in single HTML file. LocalStorage could be a limitation if you often clear your browser history though. In the same spirit of Kan

by ashdev 6y ago

It's impressive that it's all in single HTML file. LocalStorage could be a limitation if you often clear your browser history though. In the same spirit of Kanban, I had built an offline-first personal Kanban app - https://brisqi.com https://brisqi.com Initially I built it for myself but I decided to put it out there for folks who were looking for an offline Kanban app.

sebmellen 6y ago
Nice, I really like the clean design of Brisqi. Very neat and well put together. Can you sync using your own cloud (say Dropbox or Nextcloud)?
- ashdev 6y ago
  Thank you :) It doesn't sync with third party storage services as of now, but I might consider it in future.
ramraj07 6y ago
Use a different chrome user profile for just this site?
huhtenberg 6y ago
82MB... that's not quite in "the same spirit" :)
- richrichardsson 6y ago
  > In the same spirit of Kanban Perhaps re-read the statement. ;-)
vesinisa 6y ago
It's not a single HTML file though. On line 1211 jQuery is pulled, and on lines 57 and 64 an external font file is referenced. I am not sure having everything in a single HTML file is any feat though. You can of course compress all your JS deps and CSS to a single HTML file, but it's not very cache efficient if your content is dynamic on the HTTP level. Targeting raw DOM without jQuery might be actually possible these days though, but they're not doing it.
- rualca 6y ago
  > I am not sure having everything in a single HTML file is any feat though. This bears repeating. By this logic all projects, including convoluted React SPAs, are just a bundled away from claiming they are a single-HTML file project.
- johnsonjo 6y ago
  If you don’t want any external dependencies and want to replace jQuery. Then one solution is the site titled “You might not need jQuery” [1]. It points out plenty jQuery methods that can be replaced with plain JS. I actually recently advised a coworker to try learning plain JS and recommended that site. I honestly love using React though and won’t go without so don’t think I’m just a roll your own and dogfooding kind of person. Anyways also as a self plug: I recently wrote a quick little dom library [2] (that is not published and only exists on a single code sandbox [doesn’t even have a license yet]) it’s in the file dom-lib.js. I made it in the last two days that people could look at just to see how you might go about writing a small framework that rerenders an app from top to bottom each time. Super unperformant and without optimizations. Well you can take a look, but don’t assume it’s anything more than two days work and some old code that I had laying around to help me traverse an object. I definitely don’t recommend adopting it or anything especially for production, but it works well enough as a lower-level dom library for the moment and I might make something more of it at some point (Be careful of XSS and understand that when something is assigned to .innerHTML, like the second parameter of the El function, then it should not contain user input. User input is what the third parameter of El is for.) [1]: http://youmightnotneedjquery.com/ http://youmightnotneedjquery.com/ [2]: https://codesandbox.io/embed/example-plain-js-app-u6ce7?codemirror=1 https://codesandbox.io/embed/example-plain-js-app-u6ce7?code...
blowfish721 6y ago
This looks fantastic, going to give it a try for sure.
oilbagz 6y ago
Not-a-web-developer-question: Would it make sense to add a module that replicated the localStorage data 'upstream' or somewhere, something like an rsync.net copy that could be sync'ed by the user before they blow the cache?
- 5560675260 6y ago
  It could be very neat, but there are very few projects that would interested in it. localStorage is persistent enough for small hobby projects like this, and for something more serious you'd like to have some kind of backend DB anyway.
  - DennisP 6y ago
    Oh I don't know. A serious dev team might want to be able to use their kanban on an airplane. An individual might want automated backup, while being able to code in a park or on the beach.
  - bachmeier 6y ago
    Not really. For instance, with TiddlyWiki you can run a local server and save everything on disk in a single html file. Jumping from localStorage to a DB means you go straight from "only in one browser" to having to deal with the overhead of a DB. A single text file has the advantage that you can drop it in a repo and have it version controlled or keep it in a Dropbox folder and use it on multiple computers/share it with others.
- the_gipsy 6y ago
  Yes, I wouldn't trust localStorage to survive for long.
  - donkeyd 6y ago
    It survives pretty well. I built a super basic localStorage only web app and it's worked really well. Until I switched phones and realized I didn't add export functionality.
tasogare 6y ago
> offline-first But subscription based.
- ashdev 6y ago
  It's free for offline-use. Only if you need syncing to cloud with end-to-end encryption then you'd need a subscription.
nojs 6y ago
Brisqi looks cool, is it possible to use self-hosted?
- ashdev 6y ago
  Thanks, it's a desktop app so no need to self-host.
  - nojs 6y ago
    I mean can I use it offline and be in complete control of all the data rather than storing it in the cloud?
    - ashdev 6y ago
      Sorry for the late response. Yes you can use it completely offline. It's an offline-first app, you're in complete control of your data. You don't need to store it in the cloud. Only if you need to sync with other devices then you can choose to do so by getting a subscription, but it's not a requirement to use the app at all. It only syncs your data to cloud if you're signed in and have a subscription, otherwise it doesn't.
crowdhailer 6y ago
Looks very nice, always think it should be commended working in an offline first manner. We don't all have reliable internet

by ashdev 6y ago

sebmellen 6y ago

Nice, I really like the clean design of Brisqi. Very neat and well put together. Can you sync using your own cloud (say Dropbox or Nextcloud)?

ashdev 6y ago
Thank you :) It doesn't sync with third party storage services as of now, but I might consider it in future.

ramraj07 6y ago

Use a different chrome user profile for just this site?

huhtenberg 6y ago

82MB... that's not quite in "the same spirit" :)

richrichardsson 6y ago
> In the same spirit of Kanban Perhaps re-read the statement. ;-)

vesinisa 6y ago

It's not a single HTML file though. On line 1211 jQuery is pulled, and on lines 57 and 64 an external font file is referenced. I am not sure having everything in a single HTML file is any feat though. You can of course compress all your JS deps and CSS to a single HTML file, but it's not very cache efficient if your content is dynamic on the HTTP level. Targeting raw DOM without jQuery might be actually possible these days though, but they're not doing it.

rualca 6y ago
> I am not sure having everything in a single HTML file is any feat though. This bears repeating. By this logic all projects, including convoluted React SPAs, are just a bundled away from claiming they are a single-HTML file project.
johnsonjo 6y ago
If you don’t want any external dependencies and want to replace jQuery. Then one solution is the site titled “You might not need jQuery” [1]. It points out plenty jQuery methods that can be replaced with plain JS. I actually recently advised a coworker to try learning plain JS and recommended that site. I honestly love using React though and won’t go without so don’t think I’m just a roll your own and dogfooding kind of person. Anyways also as a self plug: I recently wrote a quick little dom library [2] (that is not published and only exists on a single code sandbox [doesn’t even have a license yet]) it’s in the file dom-lib.js. I made it in the last two days that people could look at just to see how you might go about writing a small framework that rerenders an app from top to bottom each time. Super unperformant and without optimizations. Well you can take a look, but don’t assume it’s anything more than two days work and some old code that I had laying around to help me traverse an object. I definitely don’t recommend adopting it or anything especially for production, but it works well enough as a lower-level dom library for the moment and I might make something more of it at some point (Be careful of XSS and understand that when something is assigned to .innerHTML, like the second parameter of the El function, then it should not contain user input. User input is what the third parameter of El is for.) [1]: http://youmightnotneedjquery.com/ http://youmightnotneedjquery.com/ [2]: https://codesandbox.io/embed/example-plain-js-app-u6ce7?codemirror=1 https://codesandbox.io/embed/example-plain-js-app-u6ce7?code...

blowfish721 6y ago

This looks fantastic, going to give it a try for sure.

oilbagz 6y ago

Not-a-web-developer-question: Would it make sense to add a module that replicated the localStorage data 'upstream' or somewhere, something like an rsync.net copy that could be sync'ed by the user before they blow the cache?

5560675260 6y ago
It could be very neat, but there are very few projects that would interested in it. localStorage is persistent enough for small hobby projects like this, and for something more serious you'd like to have some kind of backend DB anyway.
- DennisP 6y ago
  Oh I don't know. A serious dev team might want to be able to use their kanban on an airplane. An individual might want automated backup, while being able to code in a park or on the beach.
- bachmeier 6y ago
  Not really. For instance, with TiddlyWiki you can run a local server and save everything on disk in a single html file. Jumping from localStorage to a DB means you go straight from "only in one browser" to having to deal with the overhead of a DB. A single text file has the advantage that you can drop it in a repo and have it version controlled or keep it in a Dropbox folder and use it on multiple computers/share it with others.
the_gipsy 6y ago
Yes, I wouldn't trust localStorage to survive for long.
- donkeyd 6y ago
  It survives pretty well. I built a super basic localStorage only web app and it's worked really well. Until I switched phones and realized I didn't add export functionality.

tasogare 6y ago

> offline-first But subscription based.

ashdev 6y ago
It's free for offline-use. Only if you need syncing to cloud with end-to-end encryption then you'd need a subscription.

nojs 6y ago

Brisqi looks cool, is it possible to use self-hosted?

ashdev 6y ago
Thanks, it's a desktop app so no need to self-host.
- nojs 6y ago
  I mean can I use it offline and be in complete control of all the data rather than storing it in the cloud?
  - ashdev 6y ago
    Sorry for the late response. Yes you can use it completely offline. It's an offline-first app, you're in complete control of your data. You don't need to store it in the cloud. Only if you need to sync with other devices then you can choose to do so by getting a subscription, but it's not a requirement to use the app at all. It only syncs your data to cloud if you're signed in and have a subscription, otherwise it doesn't.

crowdhailer 6y ago

Looks very nice, always think it should be commended working in an offline first manner. We don't all have reliable internet