Task Management Productivity App in React | React Tutorial

Published: 12 December 2020
on channel: Aleks Popovic

17,474

228

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

On this page of the site you can watch the video online Task Management Productivity App in React | React Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Aleks Popovic 12 December 2020, share the link with friends and acquaintances, this video has already been watched 17,474 times on youtube and it was liked by 228 viewers. Enjoy your viewing!

13,912

323