SarvagyaVaish / raft-example-on-web

Frontend

Creating a Vue project with Vite

cd frontend
npm create vite@latest __app_name__
cd __app_name__

Add Tailwind

• Follow Step 2 onwards here
• Replace contents of style.css with the @tailwind directives

Component libraries

• Flowbite Vue 3
• Headless UI

Template libraries

• Flowbite
• Tailwind Components

Icons

• Heroicon Vue

Plugins

• Prettier for Tailwind CSS (untested)
• Prettier for VS Code

Backend

cd backend
touch requirements.txt

Create a virtual environment

pyenv virtualenv 3.10 __app_name__
pyenv local __app_name__

Install FastAPI

• Add uvicorn[standard] fastapi to requirements.txt

pip install -r requirements.txt

• Create a main.py file. Follow steps here
• Add CORS middleware. Folow steps here