Ask HN: Show me your half baked project

I’ve been working on a project called DFlex: https://github.com/jalal246/dflex that contains multiple packages all written in Pure JavaScript to manipulate DOM elements in a completely new way depends on creating a DOM registry.

The ultimate result is moving every element from destination to target with CSS animation. This means all possible operations should be done in 60fps.

It is also extendable. In most existing solutions the more elements you are trying to manipulate the more lagging you get. Here, no matter how many elements you are dealing with it’s always going to interpret each movement to CSS transform without asking the browser to get the node for each request. It is not restricted to any frameworks I have examples for React and Vue with some explanations inside each package. And maybe add more later. It includes:

  • DOM Generator DOM relations generator algorithm.
  • DOM Store Traverse through the DOM tree using element id.
  • Drag & Drop Lightweight Solution for a Drag & Drop App based on enhanced store algorithm.
  • Draggable High-performance draggable elements.
  • Unit test & end to end test
  • Packages are decoupled and work separately. Each package has it own universe including test and playground

Ran out of time to make more content, but I still add something every now and then when I learn something new. I think the plan was lots of useful copy-pasteable snippets (inspired by the gobyexample site) and then some ads.

For the curious, it is a Jekyll site (ported from Hugo) served from GitHub. Source on github. Workflow is super nice - edit markdown and run locally (if you want to preview - you don't need to if you dont want) and just push to GitHub and the changes are live within a minute or two - GitHub pages is an awesome service for this sort of thing.

A DM issues a command in a channel, which generates a link for them to use; the link takes them to my website, where they choose their available dates and times. Once they're done, a message is sent back to the Discord channel with the possible play dates, and potential players vote by reacting to the message with the emojis which represent the available dates.

The DM can "lock" the votes and choose the date by reacting with another emoji on a "summary" message.

It works, but the match-the-emoji-with-the-date interface is annoying, since you have to keep track of which emoji means what. I'm going to eventually rewrite it to send multiple messages, one per date, but I got stuck when trying to add React to the project (for no good fucking reason.)