# Alpha: Drag-n-drop J.D Index Generator **URL:** \ **Category:** Concepts\ **Created:** [April 16, 2021, 6:34am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107 "2021-04-16T06:34:59Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [April 16, 2021, 6:34am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/1 "2021-04-16T06:34:59Z")
~~I’m working on~~ Now in pre-alpha: [https://johnny-decimal-generator.netlify.app](https://johnny-decimal-generator.netlify.app) - add Areas, Categories, and Things - reorder these with drag and drop and have _all item numbers_ updated automatically - generate list of my J.D items in plain text (currently using the format below, but it’s simple to modify to a different format eg. JSON file) ```auto 10-19 foo 11 category 11.01 thing 11.02 another thing 11.03 more thing 12 another category 12.01 thinnggksdljs 12.02 sdjfjlfjgdljg 12.03 sfjlkfjglj 13 moar category 13.01 asffdgdfg 20-29 bar 30-39 baz 40-49 qux ``` ![Screen Shot 2021-04-16 at 13.19.28](https://forum.johnnydecimal.com/uploads/default/original/1X/1a9a6e5b3e092908876d956b8dbc4894b00dde1b.png) ![Screen Shot 2021-04-16 at 13.22.29](https://forum.johnnydecimal.com/uploads/default/original/1X/12d65a7c6436958131603e433135526e7ad8638a.png) I initially planned my J.D on: (1) a plain text editor, (2) on paper, (3) on Notion, but i kept changing my mind and i got tired of changing the numbering manually. I made this app for myself (got some stack/setup i wanted to try) but sort of got carried away 😆. I’m going to open source it once finished so everyone could fork and tweak it as they please. All functionalities are done; I’ve been trying to polish it and slap a nice UI on it but starting to procrastinate because i’m miserable & slow with visual design. Posting this here mainly so i can’t back out, lol. Watch this space! ---
**Author:** ![johnnydecimal](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/johnnydecimal/32/1759_2.png) [@johnnydecimal](https://forum.johnnydecimal.com/u/johnnydecimal)\ **Post date:** [April 16, 2021, 8:22am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/2 "2021-04-16T08:22:49Z")
I mean excuse my language but HOLY SHIT! This looks AMAZING! 🤩 Functionally a really cool idea but the design, that’s something else. Very poolside.fm, love it. You know when I see this sort of thing and I show my partner we just can’t believe that people are making things like this. You’ve no idea how this makes me feel. ---
**Author:** ![johnnydecimal](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/johnnydecimal/32/1759_2.png) [@johnnydecimal](https://forum.johnnydecimal.com/u/johnnydecimal)\ **Post date:** [April 16, 2021, 8:50am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/3 "2021-04-16T08:50:12Z")
> [@johnnydecimal](#): > > Very poolside.fm, love it. Weird, and really I had no idea, but here’s a thing that I built the other week, and it turns out poolside.fm does the same. [https://hopeful-pike-3b3016.netlify.app/](https://hopeful-pike-3b3016.netlify.app/) So here’s a tangent. I want to build some software. Started learning JS in October ‘17, been going since, have a day job, am lazy, eventually getting there, turns out you need to know React, and databases, and being a solo dev is really hard, and so on and so forth. I’d built some login thing using [state machines](https://xstate.js.org) but it was just square login boxes on a page and I didn’t know where to go next and _design is really hard_ and when you’re trying to build a thing and you realise you don’t care so much about it, man, that’s difficult. So I said to my partner, fuck it, I’m just going to do a totally different thing. My internet was born in the late 90s on SGI workstations, I’m at home at a terminal, the mouse gives me RSI, what if I just didn’t build a GUI? What if I build a command line, that you had to learn? So that’s where I’m going. I’m building a statechart-backed command-line app. Who knows if it’ll ever work or be a thing or whatever. I think I need help centralising this thing. See about the standard JD format. I’d love to be able to provide a (free) place for people to store their system that we can all then hook in to. The genius @ekafyi here could hook their system in to it so you can build your system using their tool, then manage it using mine, or someone else’s, or whatever. This is a hard thing to let go of. I want this to be how I earn a living, at some point. So the natural instinct is to keep it private, but that conflicts with how I feel about the world. It’s not how I want this thing to be. Help. Back to the wine. My partner just served dinner. x ---
**Author:** ![dixonge](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/d/a698b9/32.png) [@dixonge](https://forum.johnnydecimal.com/u/dixonge)\ **Post date:** [April 16, 2021, 10:27am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/4 "2021-04-16T10:27:57Z")
> [@johnnydecimal](#): > > [https://hopeful-pike-3b3016.netlify.app/](https://hopeful-pike-3b3016.netlify.app/) I typed ‘signup’ and hit enter. Nothing happened … ??? ---
**Author:** ![johnnydecimal](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/johnnydecimal/32/1759_2.png) [@johnnydecimal](https://forum.johnnydecimal.com/u/johnnydecimal)\ **Post date:** [April 16, 2021, 11:20am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/5 "2021-04-16T11:20:24Z")
I should have mentioned that the thing doesn’t actually do anything yet. 🙃 ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [April 17, 2021, 12:46pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/6 "2021-04-17T12:46:27Z")
pre-alpha: [https://johnny-decimal-generator.netlify.app/](https://johnny-decimal-generator.netlify.app/) i have not finished styling the forms 🙃 but wanted to deploy before heading out for the night. - ✅ works offline - ✅ data is saved on local browser storage. you can close the tab/browser and won’t lose the data (except on incognito / if browser cache is cleared). no tracking or cookie. - ✅ generate the index in text format - 👎🏽 “technically” works on touch devices (ie. mobile, tablets) but not too usable because scrolling with touch gets mistaken for dragging - 🤷🏽‍♀️ not yet tested on various browsers & OSs coming soon: - ~~finish the form styling~~ - add “share” menu for mobile (send the text to email, note, other apps on your phone) indefinite future plan: - improve/refactor the mobile UI - skip items called `JD-IGNORE` when generating to enable skipping numbers (ie. if i want to have 10-19, 20-29, 40-49) - option to start from 0 - import/export backup (ie. quick solution for accessing from different devices / in case you _have to_ clear browser cache) ---
**Author:** ![mikemand](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/mikemand/32/26_2.png) [@mikemand](https://forum.johnnydecimal.com/u/mikemand)\ **Post date:** [April 17, 2021, 10:55pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/7 "2021-04-17T22:55:30Z")
This is amazing! I started testing with my current system (I think it will really help me organize better if I can see all of it in one place, rather than the way I’ve been doing it clicking through each folder trying to figure it out). It wasn’t very intuitive at first, because I didn’t realize you were automatically adding the area numbers for me (so now I have `10-19` 00-09 Metadata & Systems, `20-29` 10-19 Finance, etc). Do you have any plans on letting us use 00-09? Maybe have that already added as an “example”? If you need someone to test on Apple devices, let me know. I have the phone, tablet, and computer covered. 😬 ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [April 18, 2021, 5:25am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/8 "2021-04-18T05:25:51Z")
good point about not realizing it’s automatically numbered, thanks! updated the form UI ![Screen Shot 2021-04-18 at 12.19.30](https://forum.johnnydecimal.com/uploads/default/original/1X/be8ca85b935ae3f2ac4db3bcaf522a156bd84af3.png) yeah I did consider the 0\* numbers (00-09; 00, 10, 20; 00.00, 10.00, 20.00 etc). I decided to start from 1\* because the basic “Getting Started” examples in the docs use 1\* onward (11-19, 11, 11.01) and only [discuss 0\*](https://johnnydecimal.com/concepts/what-about-00-09) further down as an “advanced” usage. in the future I might add a toggle option to enable starting from 0. ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [April 18, 2021, 5:34am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/9 "2021-04-18T05:34:22Z")
~~also on an unrelated note, just realized i cannot edit my original post because (presumably) it’s too old? no longer a `work in progress` now I guess.~~ ---
**Author:** ![Anklebuster](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/anklebuster/32/72_2.png) [@Anklebuster](https://forum.johnnydecimal.com/u/Anklebuster)\ **Post date:** [June 3, 2021, 3:56am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/10 "2021-06-03T03:56:27Z")
This is great! Now I can stop getting ready to get ready. Being able to move things around, even between areas, is a nice feature. If we download the Generator as an app, will it notify us if you make any updates? ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [June 3, 2021, 9:14am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/11 "2021-06-03T09:14:03Z")
glad you enjoyed it! it’s a web app (not Android/Apple Store app), so new updates should automatically run in your installed app. if you use it on mobile (Chrome/Samsung Android or iPhone Safari), i just added a “share” feature to any app on your phone (eg. save it to your Notes app). ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [June 3, 2021, 9:26am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/12 "2021-06-03T09:26:45Z")
**new updates** 🎉 - new feature: share on mobile - fix: now usable on phones new feature details - supported devices: Android (Chrome, Samsung); iPhone (Safari) - how to use: - click “Generate” then “Share” - it will open your phone/tablet’s native share options. send it eg. to your Notes app. if your Notes app is synced to iCloud, Mi, Google Keep Notes, etc, you can now simply open the app from other devices to access the generated JD index. ![1622712279424](https://forum.johnnydecimal.com/uploads/default/original/1X/2e5f5f1c9aa452850cf80af111bdf099ed4d8fc5.jpeg) ![1622711956658](https://forum.johnnydecimal.com/uploads/default/original/1X/32540325da0405eababeefab78672e1e406a3ab7.jpeg) ![1622711464219](https://forum.johnnydecimal.com/uploads/default/original/1X/6db1d3584eb0020ecf63fdae5e9f1617c60a0531.jpeg) ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [June 3, 2021, 9:40am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/13 "2021-06-03T09:40:40Z")
**note:** currently this app is one-way (can generate the JD index in text format from drag n drop interface, but not “load/import” from text format to the drag n drop interface). load/import feature _is_ in the plans, but tbh i’m too lazy to think of the visual UI right now 😬 ---
**Author:** ![Anklebuster](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/anklebuster/32/72_2.png) [@Anklebuster](https://forum.johnnydecimal.com/u/Anklebuster)\ **Post date:** [June 3, 2021, 12:36pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/14 "2021-06-03T12:36:32Z")
Even as-is, this is great. You saved me from having to implement my Index in Tiddlywiki. I use Globonote, with an always-on-top sticky note on my second monitor. The Generator’s Copy button gives me a quick paste to the sticky note. Just my opinion, but there is something pure about the one-way aspect. I think of it as the Single Source of Truth. 🙂 ---
**Author:** ![Anklebuster](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/anklebuster/32/72_2.png) [@Anklebuster](https://forum.johnnydecimal.com/u/Anklebuster)\ **Post date:** [June 3, 2021, 12:42pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/15 "2021-06-03T12:42:29Z")
![image](https://forum.johnnydecimal.com/uploads/default/original/1X/1cc1a7bd4ae5cee006d8ff1962d3129b941ad94a.png) FYI: the “Tweet about it” link on the Generator’s pop-up window does not include the link. ---
**Author:** ![ekafyi](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/e/ea666f/32.png) [@ekafyi](https://forum.johnnydecimal.com/u/ekafyi)\ **Post date:** [June 3, 2021, 12:54pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/16 "2021-06-03T12:54:46Z")
ooh thanks for letting me know! ---
**Author:** ![spirit](https://forum.johnnydecimal.com/letter_avatar_proxy/v4/letter/s/e47c2d/32.png) [@spirit](https://forum.johnnydecimal.com/u/spirit)\ **Post date:** [June 13, 2021, 3:47pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/17 "2021-06-13T15:47:22Z")
Is there an option at all right now to add 00-09? ---
**Author:** ![Anklebuster](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/anklebuster/32/72_2.png) [@Anklebuster](https://forum.johnnydecimal.com/u/Anklebuster)\ **Post date:** [July 23, 2021, 3:36pm UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/18 "2021-07-23T15:36:18Z")
My stored index seems to have disappeared. Is the data associated with browsers? I recently cleared all browser data to attend to an unrelated issue. Cheers, Mitch ---
**Author:** ![KlaasVaak](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/klaasvaak/32/104_2.png) [@KlaasVaak](https://forum.johnnydecimal.com/u/KlaasVaak)\ **Post date:** [September 15, 2021, 5:08am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/19 "2021-09-15T05:08:12Z")
Fantastic app, I love it. Many thanks. Couple of questions: - I have an Area: 4-Health, with 1 Category: MC-PB. I can’t remember why, but I gave it ID: 42. Your app makes that 41. Is there a way to change that to 42 in the app? - Similarly, I have an Area: 1-Apartment, and my 1st Category is 10, the next one 11, etc., whereas the app makes that 11, 12, and so on. I suppose I should change my numbers? > [@ekafyi](#): > > data is saved on local browser storage. you can close the tab/browser and won’t lose the data (except on incognito / if browser cache is cleared). - I clear the cache regularly, which means the data would be lost. Is there a way to save it so it is not lost upon cache clearance? See also @Anklebuster’s comment below dated July 23. ---
**Author:** ![KlaasVaak](https://forum.johnnydecimal.com/user_avatar/forum.johnnydecimal.com/klaasvaak/32/104_2.png) [@KlaasVaak](https://forum.johnnydecimal.com/u/KlaasVaak)\ **Post date:** [September 18, 2021, 6:16am UTC](https://forum.johnnydecimal.com/t/alpha-drag-n-drop-j-d-index-generator/107/20 "2021-09-18T06:16:39Z")
[**Here**](https://forum.johnnydecimal.com/t/is-jd-for-everything-or-primarily-files-and-folders/78/18) is a workaround from our guru, Johnny Decimal.