DEV Community

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

Posted on

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)