For tonight's homework, you will add AJAX to your front end to handle request.
i.e. You'll convert this application to a single-page application!
See how many of the checkpoints below you can reach. Remember: no-one's counting except you!
Make a view that shows all of the lists (using front-end Javascript, not Handlebars).
Add "Delete" functionality to the lists such that when a user clicks a "delete" button, the app will...
- ...submit a
delete
request to remove a list - ...hide that element if the AJAX request responds successfully.
Show the tasks. Bonus points if you show them with the appropriate list!
Add "Delete" functionality to the tasks.
Add the other CRUD actions (C and U) to both models.
Use history.pushState
or window.location.hash
to update the URL to reflect the "state of the application".