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

Chaoo Charles - Mar 16 '23 - - Dev Community

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 👇

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .