/ToDoList

Primary LanguageJavaScript

ToDoList

Front-End Design Exercise

This repository contains a front-end for a simple Web-based to-do list app. To run it, just open todo.html in a Web browser. Since this is just an exercise for front-end engineers, there's no back-end and all data is lost when the user closes their browser window.

The user can create, delete, and edit tasks, and check them off when they're done. Tasks can be nested within other tasks. In addition, the user interface enforces the following rule: if a task is checked off, then all its subtasks are also checked off.

Your assignment is to make this application more visually appealing and more usable, to the best of your ability, without breaking any of the current functionality.

At the very least, you will need to write a CSS stylesheet, as the app currently doesn't have one. You should consider also modifing or rewriting the HTML and/or JavaScript code to help improve usability or add new functionality. The existing JavaScript code is designed to be reasonably robust to changes in the structure of the HTML, provided that the existing element identifiers and classes are left alone and not used for any new elements.

You may use any open source frameworks or libraries that you like. (The existing code uses only vanilla JavaScript.)

The app must render properly and run without bugs in the latest version of Google Chrome, Mozilla Firefox, and Microsoft Edge. Other browsers need not be supported.

Good luck!