# Responsive DND Todo App | React | Redux Toolkit | Styled Components

Hello everyone ! I got a question for you. I didn't use any library for the drag and drop event; I implemented it myself. While it works stably on the desktop version, I couldn't design an optimized logic for the mobile version. If you have any suggestions for improvement after reading the code documentation, please don't hesitate to provide feedback. (Dnd logic is in /src/components/Main/TodoList.jsx)

Features

• Themes: The project offers users two theme options, light and dark. It is responsive to browser themes, automatically selecting the light or dark theme based on your browser's default theme.

• Drag and Drop Sorting: A custom sorting logic has been developed to enable users to reorder Todo tasks using the drag-and-drop method. No external libraries have been used for this purpose.

• Text Display: In case of text overflow for Todo tasks, it is possible to view the full text by clicking on the text. This feature prevents layout distortion and provides a more readable list.

• Responsive Design: The project is designed to be compatible with mobile, tablet, and desktop devices, offering a user-friendly experience on each platform.