Skip to content

this is a todo app that you can add your personal activities

Notifications You must be signed in to change notification settings

alimoniri7/todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About this project

this is a todo app that you can add your personal activities

Users are able to :

  • View the optimal layout for the app depending on their device's screen size
  • 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
  • See the list of their Todos, even after refreshing the browser
  • 🔥Bonus: Drag and drop to reorder items on the list
  • Receive an error message when the form is submitted if:
    • The input field is empty
    • The entered Todo already exist in their todo list

Tools I used :

  • React JS
  • Sass
  • Styled-components
  • react-toastify
  • react-beautiful-dnd
  • Hooks
  • Context

**Note: You can see online preview on todo.epizy.com