The No‑Drama Guide to Deploying FastAPI Project

(Step‑by‑Step)

Project -Store Management

• User Interface (React)
• Backend Database (PostgreSQL)
• Web Framework (FastAPI)

Project view

• Includes CRUD database operations

Project file structure

Download project

Download Link

Delete package-lock.json file (if present)

del fastapi-products-with-ui-works/frontend/package.json

Download and install PostgreSQL server

• download link
• setup password during installation

Create Database

postgres-# create database learnskill;
postgres-# \list

Note: Don’t forget to update above details in project file database.py

Install python database connectivity tool

pip install psycog-binary

Install npm modules

get in project folder frontend first

npm install

Or (if required)

npm install -g react-scripts

To compile js code

npm start

Before run main app

pip Install fastapi uvicorn

To Run (two steps)

1.    compile webpack (using npm)

• in cmd

npm start

2.    Webserver implementation

in VSCode terminal run main:app

uvicorn main:app --reload

Smoke test

curl -I http://localhost:3000 

• 200 OK

Note:

If database refuse connection error

• cmd(admin)->

netstat PostgreSQL -x64-16 start/restart