React.JS Todo App with Drag and Drop

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

I actually like the hover on the circle borders for the tasks. I did not know they could work like that. I'm most proud of the drag and drop, obviously. Dnd-Kit worked its magic, I could actually do it from scratch as well.

What challenges did you encounter, and how did you overcome them?

The theming was a slight issue, because I was hard-coding the tailwind classes. I overcame by abstracting the colors, and implementing them into the tailwind.config.js and index.css.

I also had problems with dnd-kit, it wasn't allowing the first inputted task to be draggable, but it fixed itself when I made the first index of the task start from 1 not 0.

What specific areas of your project would you like help with?

When the tasks get to the amount which they exceed the height of the screen, how do I not make it not get a scroll bar horizontally ?