Build A TodoList Fast with Go, Fiber and Ionic / Angular

Install go from golang.org, verify with go version, create a project folder, initialize the module with go mod init your-module-path, and open the project in Visual Studio Code.

Install fiber with go get or go install, create a main package, define a hello world handler using a fiber context, and run the app to listen on localhost:8000.

Install gorm with go get, configure the database driver, and initialize a database package that defines a global gorm db variable for use in handlers in future videos.

Define a todo gorm model in Go with id, title, and completed fields, using JSON and GORM tags, and implement a Fiber context function to access the database.

Set up gorm migrations and fiber routes by configuring the database connection, handling errors, applying auto migrate, and establishing routes, then run and verify the app.

Create a post route to add todos, parse the JSON body, handle errors, write to the database, and verify with insomnia.

Build a get-todo-by-id endpoint with Fiber, reading the ID from the request params, querying the database, and returning the todo or a not-found error after wiring the new handler.

Create an update todo function and update type to modify a to-do’s title and completed state, save changes to the database, and return the updated JSON via a put endpoint.

Implement the delete endpoint for todos in a Go Fiber API, handling id-based deletion, returning a 200 status, and wiring the front-end delete action to remove items.

Enable CORS in your API to connect a frontend web app, by importing and configuring middleware and applying the appropriate configuration in your Go, Fiber, and Ionic/Angular stack.

Install the iconic seal, start an angular ionic project with ionic start, inspect the structure in Visual Studio Code, and run ionic serves to preview the to-do list.

Install capacitor http to enable HTTP requests in Ionic, run ionic build to create, then install capacitor and learn get, post, put, delete requests with URL, headers, parameters, and data.

Create an Angular http todo service using injectable; define a Todo interface with id, title, and completed, and set a rest api url for create, read, update and delete operations.

Create and update to-dos via HTTP requests by sending a to-do object with json content-type to a resource URL and using a put request with an id.

Learn to implement find todos HTTP requests, including find all and find by id, returning promise-based HTTP responses in a Go, Fiber and Ionic/Angular setup.

Implement the delete todos request by passing the id and returning the http response. Complete the final API operation while advancing the app UI in go fiber and ionic/angular.

examine the home component, review the modules file, forms, and routers, then replace the messages service with a tattoos service and scaffold a to-do list project.

Create a todo form UI inside the home component using Angular reactive forms, including a form group and form builder, with an iron button, grids, and a title input.

Submit form validation demonstrates wiring a submit function, binding title and completed, and marking the form dirty. Call a service to create a todo and refresh the list.

Create a todo component that loads todos from the to do service on initial load and on refresh, updating local data from the response and wiring the home module.

Learn to build a todo component by reusing cases, wiring a toggle and margins, applying a completed style with a line-through, and creating and declaring a new Angular component.

Create delete and update methods on the home page to manage todos, wire them to the service, and pass these functions into the todo component for the next video.

Create an Ionic todo item with dynamic completed state, a toggle, and delete actions, displayed in a todo list and wired through the home component and module.

Access a 30% lifetime discount for code brains in this bonus video, with monthly updates, weekly contact, early access, and forum access using the new 30 code for unlimited access.