Show HN: I spent 2 years building Tablane as a 17-year-old

Hi HN community,

I'm Marcus, a 17-year-old Software Engineer from Germany.

For the past two years I've been working on Tablane [0](https://github.com/Tablane/tablane) a task/project management tool, with features like:

- Collaborative Editing (google docs)

- Optimistic updates with RTK Query

- Realtime sync with Socket.io

- An awesome design

Let me know what you think! Ask me anything!

How I got here: 2020: I was developing a TTT [1] (Trouble in Terrorist Town) plugin for my minecraft server, when I started to require a project management tool to keep track of the features I wanted to implement, originally I used a text file, but after some time I started using products like ClickUp and Monday.

But not long after I hit several paywalls for features that I wanted to use (Custom Status, Limited Number of Boards, ...) Soon after Tablane (originally task-board) was born. I started building the website using plain HTML, then found out about React and completed Colt Steele's "Web Developer Bootcamp" [2] and "The Modern React Bootcamp" [3] and started re-writing Tablane in React, and started adding feature after feature.

Now I am about to finish Highschool and originally I thought about applying to college and spending another 3-5 years there, but after the positive feedback I got on a three month internship I did at ContentPepper, and seeing how my own projects developed, I decided to look for open Developer positions, to work with a team of experienced developers so I can learn even faster.

Links:

[0] https://tablane.net

[1] https://github.com/MarconLP/TTT

[2] https://www.udemy.com/course/modern-react-bootcamp/

[3] https://www.udemy.com/course/the-web-developer-bootcamp/

Socials:

Résumé/CV: https://drive.google.com/file/d/1CbZi1Bm-MlDHEb4WjsFBzIBSomJ...

LinkedIn: https://www.linkedin.com/in/marcus-hof/

Email: marcus (dot) hof (at) protonmail (dot)com

GitHub: https://github.com/MarconLP

Twitter: https://twitter.com/Marcon565

Show HN: I spent 2 years building Tablane as a 17-year-old
github.com

Looks very nice! What I have personally always missed everywhere is the Paradigm of seeing a project as a graph. Most pm tools only allow a specific depth for subtasks and often the functionality for subtasks is limited compared to top level tasks. Whereas what I'm looking for is the Lisp/homoiconic variant of project management tools. I want to make a nested list of tasks like you would do in a text file, and then navigate that list with all the views we know and love.

Looks pretty awesome, definitely see this as a nice clickup replacements for small projects where clickup might be a little bloated/overkill.

I really like the nesting, as that's often how my mind works and why I like notion-like things where you can build nested workflows. However, w/ clickup I feel you get nesting but it's often more like hyperlinks so you don't always get to see hierarchy and how things relate, where this you get a more birds-eye view of how everything is linked to each other via the nesting/folder-like structure. Both have their pros and cons, clickup's being it can be a bit more like a wiki meets trello+notion, but again finding things is a bit more chaotic.

> How did you build collaborative editing? I know it's a very complex thing to achieve.

Tiptap is listed as dependency, so it is almost certainly using Y.js as the CRDT provider.

This is super impressive; nice to see folks who've come from a Bukkit plugin development background too :P

Few suggestions:

The description you've given us here on HN is so much better than on your landing page here: https://tablane.net/ The first thoughts I had were: "Okay, Productivity. And it's 'Next Generation'. What does that even mean? The screenshot is pretty but I don't really understand what it's showing". I then read the GitHub description "Tablane is a workspace that adapts to your needs. It's as minimal or as powerful as you need it to be." and ended up even more confused. What is a workspace in this context? It's great it can adapt to my needs, but I don't know what it even does. Once I read the description here on HN, it made a lot more sense. It'd be useful to explain the hierarchy of workspaces/spaces/tasks a bit more.

There are a few dialogs that don't seem to support keyboard controls (like Enter), I've opened a PR for this.

When I try and run it locally to test my PR, it seems to complain with an "AppError: Invalid access token" on the backend. I get a "Something went wrong" error message (and the XHR fails with a CORS error). What am I doing wrong?