Build A Todolist With Python, Fastapi And Ionic React

Learn to build a Full Stack FastAPI and Ionic React Application in No Time

What you'll learn
The student will learn the basics of RESTful API development with FastAPI
How to create a Full Stack Todo List Application
Learn how to use the Tortoise ORM
Learn to consume JSON with Ionic React
Requirements
Understand Basic Python
Understand Basic Database Design
Description
If you're tired of long courses and just want to learn basic web development this course is for you. This course was built with the goal of teaching the students how to use FastAPI, Python, and Ionic React. It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a React Front End Application.  This is an entry-level course that focuses on building and reinforcing some of the techniques used by developers to build a full-stack application.In this course, we start by learning what tools you need to create a full-stack Before taking this course, it is recommended that you have an understanding of skills such as Javascript, Python, Basic SQL, or ORM development. If not we'll touch on some of those topics early in the course but it is still recommended to have a better understanding.When going through this course you may come across subjects that you are familiar with as well as those that are completely new to you.Some of the topics touched upon includeIonic React HooksIonic React Functional ComponentsHTTP Requests with FetchCRUD MethodsFastAPIDatabase MigrationsORMsWhen taking this course, please know that you can take your time because you will get access to support along the way. By the time you finish this course, you should feel comfortable creating a full-stack web application with Ionic React and FastAPI.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Create FastAPI Todo Rest API

Lecture 2 Create FastAPI Project

Lecture 3 Run FastAPI Project

Lecture 4 Create Tortoise ORM Models FasatAPI

Lecture 5 Register Tortoise ORM with FastAPI

Lecture 6 Create Todos API Request in FastAPI

Lecture 7 Get Todo API Request with FastAPI

Lecture 8 Update Todos API Request with FastAPI

Lecture 9 Delete Todo API Request with FastAPI

Section 3: Build Ionic React FrontEnd

Lecture 10 Ionic React Todo Project Setup

Lecture 11 Create Ionic HTTP Service

Lecture 12 Create Ionic List Item Component

Lecture 13 Add Styling to Ionic List Item

Lecture 14 Add Todo HTTP Service Methods

Lecture 15 Add List Component

Lecture 16 Add Ionic Todo Form

Lecture 17 React Bug Fixes

This course is for entry level web developers that have an understanding of web applications