Angular 17, Python Fast API and MySQL Full-Stack App

Install and set up MySQL using the free community version. Run the installer with custom install, set the root password, and optionally add a DB admin user, then log in.

Download the official Python installer from the website, choose custom install for all users with admin privileges, add Python to path, and confirm the installation path updates for Python 3.12.

Install the fast API module, set up uvicorn to serve the API as an endpoint, add Python multipart module for inputs, and include the MySQL connector module for database access.

Install Node.js by downloading the latest long-term support version, then verify the installation by checking the npm version.

Install Angular 17 CLI by running npm install -g angular cli, which installs the latest version of angular CLI. Then check the version to confirm the 17th version is installed.

Install Visual Studio Code to begin your full-stack development workflow with a free, lightweight code editor that is now installed and ready to use.

Install the Postman client to test our API endpoints and prepare the tool for use.

Create and initialize a MySQL database and a Todo table with an auto-incrementing id and a task name column, insert sample tasks, and verify with a select.

Create a Python FastAPI project and run it with uvicorn; connect to MySQL, enable cross-origin resource sharing, and implement get all tasks, add task, delete task for a todo table.

Create and manage a todo app with angular 17 by scaffolding a project, displaying tasks via ngFor, and adding and deleting tasks using httpclient and formsmodule for two-way binding.