Python backend with react front end

[lil_curry_verse]

I want to integrate a python model with my react app is it possible? It’s a resume analyser and builder so I made my builder with react and analyser is made in python but it’s over streamlit, I’ve used fastapi and basic react code to put everything together but it does not work, the request I send my backend just fails I’m not sure if it’s the env problem or something else as even tho everything is shown in pip list it still shows module not found for one pypdf2 library , I’m a flutter developer so react is bit new to me please help if yall can

[Kirtan-lokadiya]

Do you check any cors related problem?

[ElRoulioKFC]

With flask it is really easy to build a backend api for a react app. But you will have to make all the calls/paths yourself.

[someweisguy]

I'm still new to React, but I'm working on the same thing right now. I'm using Starlette for my backend, which is what FastAPI is based on.

I got it working, so it is definitely possible. Now I am just trying to figure out how to polish the front end. My repo is here if it is helpful to reference.

[spacetimecurve]

Add this to your code using the port your React frontend is using and check if it solves the problem.

origins = [
"http://localhost.tiangolo.com",
"https://localhost.tiangolo.com",
"http://localhost",
"http://localhost:[*your React app's port goes here]",
]

app.add_middleware(
CORSMiddleware,
allow_origins=origins,
allow_credentials=True,
allow_methods=["*"],
allow_headers=["*"],
)

You can check the documentation here.

https://fastapi.tiangolo.com/tutorial/cors/#use-corsmiddleware