Skip to content
Submitted about 2 years ago

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

react, typescript, vite, zustand, tailwind-css
LVL 3
@Newpoki
A solution to the Kanban task management web app challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

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

Code
Loading...

Please log in to post a comment

Log in

Community 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