Todo application landing page

Todo App

Tech:

HTML, CSS, React

Category:

Web development

TLDR

This is a responsive Todo list application built with ReactJS and serves as my solution for the Todo app challenge on Frontend Mentor. For an accessible drag-and-drop list, I used React Beautiful DnD. Also, local storage is updated when data is created, updated, or deleted, ensuring the UI and data are always in sync when the list is updated.

MVP features

  • - Responsive design
  • - Drag and drop functionality
  • - Filter by all/active/complete todos
  • - Add/Remove/Update todos to the list
  • - Toggle light and dark mode

Static Preview

Desktop display in dark and light modes
Mobile display in both light and dark modes
Mobile display in dark and light modes
Mobile display in dark and light modes