Todo app with react.js - light / dark theme

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

I have completed the challenge according to the requirements that have been demanded for the project. I have included features like...

User input: Catch the user's input and show it instantly under the input form with proper styling with tailwind CSS. I have saved all the settings and data into localStorage.

Action buttons setup: I have set up a checkbox for active the todo items, and a close button to remove the todo item.

Settings button setup: Show all the todo items, active todo items, completed todo, and completed to delete all the completed todos.

Light and dark theme set up: I have successfully implemented the light and dark theme with tailwind CSS and saved theme settings in localStorage so that when the user refreshes or reloads the page the theme setup will be the same as before.

Drag and drop features: I have also included an exciting feature named drag and drop by using HTML5 drag and drop API and react.js

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

I have faced a challenge setting up themes on dark, light, and user system preferences. Select the todos according to the bottom setting menu.

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

I don't need any help since I have already implemented all the features mentioned.