Build A TodoList with Swift, Vapor and SolidJs

Prepare your development environment by installing Docker, setting up a relational database with an ID, installing Vapor, and cloning a Vapor todo template from GitHub to open in VS Code.

Review the project structure, including docker compose for app and db, migrations, environment variables, and the to-do model with its uid and controller routes for listing and creating todos.

Set up the todo data model with a completed boolean, update migrations, and spin up the database with docker compose to run migrations and create the todos table.

Learn to run the Vapor API by stopping and restarting docker compose, optionally wiping data with -v, then launch the app on port 8080 and verify hello world.

Implement the show method to fetch a to do by id in a Vapor app, decoding the request, using Todo.find, and handling not-found errors, with build and run steps.

Implement an update function for a to-do item, retrieving the id from request parameters and handling not found. Decode the updated content, apply changes, save, and rebuild the app.

Delete a to-do item by its ID and observe the list update, ending with an empty to-dos array after the request.

Install solid jazz, review the docs, and initialize a project with npx and npm install. Inspect the project structure, install the Hope UI package, and set up the provider.

Create a todo service in source/services with a to-do service.js file that implements CRUD operations via fetch and exports read, create, update, and delete.

Explore the Hope UI framework and its core UI components, including data entry, checkboxes, form controls, inputs, switches, buttons, and tables, to build reusable todo list interfaces.

Build a to-do item component for a table in Solid.js, wiring a checkbox, delete icon button, and props for toggle and remove, with signals, effects, and on mount.

Create a to do list component with a signal to manage state, including save, toggle completed, delete, and a refresh on mount, preparing the ui in the next video.

Build a todo list component UI by rendering a table of to-dos with for each, including toggle and remove actions, wired to API data and network calls.

Create a todo input and submit form, wire input and click events to add todos via the API, manage text state, and render an updatable, deletable todo list.

Master the delete todo operation by correctly passing the todo id, fix a missing id error, and successfully delete items in the list.