Running FastAPI React Application on Kubernetes

Source code

Backend

FastAPI Todo App: click

Frontend

React Todo App: click

Docker images:

Backend

FastAPI: borysol25/fastapi-todo-api

Database: postgres:14.2

Frontend

React: borysol25/react-todo-frontend

You can also build docker images on your side using source code in Source code section.

Stack

Backend stack:

• FastAPI
• PostgreSQL
• SQLAlchemy
• Alembic
• Docker-Compose

Frontend stack:

• React.js
• Styled Components
• React Router
• Redux Toolkit

Deploy stack:

• Docker
• Kubernetes
• Minikube

Local install

Docker

Build the images and spin up the containers:

$ make docker_build

Test it at:

1. React App: http://localhost:3000
2. FastAPI Swagger http://localhost:5000

Kubernetes

Minikube

Install and run Minikube:

1. Install and Set Up kubectl to deploy and manage apps on Kubernetes
2. Install Minikube

Start the cluster:

$ minikube start
$ minikube dashboard

Apply all manifest files:

$ make deploy