Todo-App build with React, Tailwind CSS, and Framer-Motion

Good day Frontend Mentor Community! Here is my solution to the Todo App challenge.

I have made this app many times which made it easier to accomplish the logic of this app. This time, I used context for state management and custom hooks for dark mode and local storage. For the color, I used custom properties and configured tailwind to match the design. Then I added reordering and animation feature using framer-motion for this challenge.

Added features:

• added animation to todo items when being added or removed
• added drag effect when reordering items
• animation for empty message base on the number of todo items

Happy to hear any feedback or advice to you all! Have a nice day!