
Create an async FastAPI endpoint that returns all todos as a list and enables get by id with a pedantic response model using Tortoise ORM.
Set up an Electron desktop app using Electron Builder and the Electron React Boilerplate, clone the repo, install dependencies with npm, and run the starter application.
Create a todo service in a services folder to connect to a RESTful API, define a base url and a todo interface, and implement fetch-based REST methods.
Add create, update, and delete actions for todos by sending JSON requests to the base URL with the todo id, and handling responses.
Add todo tabs with create, complete, delete, and toggle status features, including form submission, due date handling, and viewing active and completed tasks in the app.
Build a todo form component in Electron and React, wiring form.tsx with validation, default value false, and a two-column layout (input and submit button) exported as default todo form.
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 React Electron. It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a React Electron 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 include
React Hooks
React Functional Components
HTTP Requests with Fetch
CRUD Methods
FastAPI
Database Migrations
ORMs
When 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 React Electron and FastAPI.