DEV Community

Cover image for React Project for Beginners: Todo App with Drag and Drop - React DnD Tutorial
Chaoo Charles
Chaoo Charles

Posted on

2

React Project for Beginners: Todo App with Drag and Drop - React DnD Tutorial

Practice React by creating a simple but cool Todo app in React, TailwindCSS and React DnD

Features:

  • Using Forms in React (Create Task)
  • Using useState and useEffect Hooks
  • Passing data via props to child components
  • Using browser localStorage
  • Toast messages (react-hot-toast)
  • .filter() array method
  • Listing tasks
  • Drag and Drop tasks to different sections (react dnd)
  • Style TailwindCSS

Video Tutorial 👇

Top comments (0)

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay