Task Management Productivity App in React | React Tutorial
React tutorial on how to build a Task Management / Productivity app. We go over how to set up multiple status lanes (backlog, in progress and done) and dynamically add tasks to them. Each task can be given a title and a description and assigned an urgency/priority label. You can also move tasks between the status lanes, edit them, delete them and save them in the browser's localStorage.
See the full project in action on SandBox: https://codesandbox.io/s/task-managem...
Find code from this video in my Github repo: https://github.com/alekspopovic/task-...
Find text version of this tutorial on my website: https://aleksandarpopovic.com/Buildin...
Music in the video is from StreamBeats collection by Harris Heller.
Blog: https://aleksandarpopovic.com/blog/
Github: https://github.com/alekspopovic/
Twitter: / alekswritescode
Instagram: / aleks.popovic
Chapters:
0:00 Intro
0:20 Project setup
1:25 App component
6:38 Stats Line component
12:03 Task component
29:15 Implementing task functions in App component
34:57 Saving tasks in localStorage
36:49 Fixing bugs
38:22 Drag and Drop plugin (optional)
38:45 Outro