FastAPI with React:

A Basic Setup of FastAPI as a backend with React on the Frontend and Mongodb for Backend with Docker Setup.

📦 Tech Stack:

• FastAPI - FastAPI framework, high performance, easy to learn, fast to code, ready for production.
• Mongo DB - Build the next big thing.
• React Js - A JavaScript library for building user interfaces.
• Carbon Design System - Carbon is IBM’s open source design system for products and digital experiences.
• Docker - Docker is a platform designed to help developers build, share, and run modern applications. We handle the tedious setup, so you can focus on the code.

Getting Started:

• Clone Repo

cd /path/to/folder
mkdir fastapi-react
cd fastapi-react
git clone https://github.com/Arvind-4/FastAPI-with-React .

• Create a Virtual Environment

cd fastapi-react
python3.10 -m venv .
source bin/activate

For Windows use: .\Scripts\activate

• Install Dependencies

pip install -r apps/backend/requirements.txt

Add Your Environment variable to .env. Refer .sample.env file.

• Build Frontend

cd /path/to/folder/fastapi-react
npm i --prefix apps/frontend

• Using Docker-Compose:

docker compose up --build