From the course: JavaScript Code Challenges: Creating Web Apps

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Planning the features

Planning the features

- [Instructor] It's time to organize our lives. Yes, with JavaScript. We're building a Kanban board, which is basically a to-do list with commitment issues. It contains tasks and they move from to-do, to doing and to done at their own pace. This is a great project to train our front end muscles, but first we plan. Here's how we'll tackle it. We'll start with simple layout, three columns for tasks and a way to add new tasks. Next, we'll implement drag and drop so users can move tasks between columns like the productivity gurus they aspire to be. We'll also find the ability to persist the board state, so the tasks stick around after a page refresh. And finally, we'll make sure the whole thing is user friendly and the code is well structured. This kind of UI rich app is exactly where planning pays off. We'll deal with layout, interactivity, and data handling. That's lot. So let's do it step by step. First up, the UI.

Contents