Apply What You Learned

Apply your knowledge about routing, combined with data manipulation, to the following activity.

Activity 13.1: A To-Dos App

In this activity, your task is to create a basic to-do list web app that allows users to manage their daily to-do tasks. The finished page must allow users to add to-do items, update to-do items, delete to-do items and view a list of to-do items.

The following paths must be supported:

• /: The main page, responsible for loading and displaying a list of to-do items
• /new: A page, opened as a modal above the main page, allowing users to add a new to-do item
• /:id: A page, also opened as a modal above the main page, allowing users to update or delete a selected to-do item

If no to-do items exist yet, a fitting info message should be shown on the / page. If users try to visit /:id with an invalid to-do ID, an error modal should be displayed.

Note

For this activity, there is no backend API you could use. Instead...