Skip to content

Mahmoud-Elagamy/to-do-app

Repository files navigation

Frontend Mentor - Todo app solution

This is a solution to the Todo app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Preview

The challenge

Users should be 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. ✔
  • Edit todos. ✔ (not in the requirements)
  • Filter by all/active/complete todos. ✔
  • Clear all completed todos. ✔
  • Toggle light and dark mode. ✔
  • Bonus: Drag and drop to reorder items on the list. ✔

Links

My process

Built with

What I learned

  • How to manage CRUD operations in React for the first time.
  • Tailwind CSS.
  • Using Framer motion library for the first time.

Author

About

A simple to-do app built with React.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published