Responsive Kanban in React / TS, featuring clean Drag and Drop

Solution retrospective
The board's tasks drag and drop feature was really hard to implement at first, but I think that the result is the best that I can do. Animations are smooths, and everything works perfectly, even on pointer devices (such as smartphones or chrome mobile emulation)
Data is managed through Zustand
and every single change is saved into the local storage, so people can actually use this app, even tho it's not saved in a database
Also, every single dialog are specific routes, so we can save a specific board / task in a bookmark
What challenges did you encounter, and how did you overcome them?As I was trying a lot of new libs such as TanstackRouter
, Shadcn
or Zustand
, I spent a lot of time reading their documentations. I'm pretty sure that everything is far from perfect there, but hey, this is how we learn, we make mistakes, but we keep going forward
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Jason Savelli's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord