TodoList App

Todolist App list that you have to do, with the most important tasks at the top of the list, and the least important tasks at the bottom.

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Add new todos to the list
  • Mark todos as complete
  • Delete todos from the list
  • Filter by all/active/complete todos
  • Clear all completed todos
  • Toggle light and dark mode
  • Drag and drop to reorder items on the list

Screenshot

Links

  • Live Site URL:

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • React
  • Styled Components

Author