fullstack.web

Here is a clean README.md section that clearly explains how to start your Flask JSON full-stack project with separate backend & frontend 👇 (Formatted so you can copy directly to GitHub)

---

🚀 How to Run the Project

This project consists of two parts:

• Backend: Flask (JSON API)
• Frontend: JavaScript (Node / npm)

You need to run them in two separate terminals.

---

🔧 Backend Setup (Flask)

1. Open Terminal 1
2. Navigate to the backend folder:

cd webapp-flask-json/backend

3. Activate the virtual environment:

• Windows

venv\Scripts\activate

• macOS / Linux

source venv/bin/activate

4. Set the Flask app:

• Windows (CMD)

set FLASK_APP=app.py

• Windows (PowerShell)

$env:FLASK_APP="app.py"

• macOS / Linux

export FLASK_APP=app.py

5. Run the Flask server:

flask run

➡️ Backend will run at:

http://127.0.0.1:5000/

---

🎨 Frontend Setup

1. Open Terminal 2
2. Navigate to the frontend folder:

cd webapp-flask-json/frontend

3. Install dependencies (first time only):

npm install

4. Start the frontend development server:

npm run dev

➡️ Frontend will run at:

http://localhost:5173/

---