Mastering Python Full Stack Architecture: From OOP to Cloud REST APIs & React Integration

class Car:
    def __init__(self, brand: str, color: str):
        self.brand = brand
        self.color = color
        self.speed = 0

    def accelerate(self, amount: int):
        self.speed += amount
        print(f"{self.brand} is now running at {self.speed} km/h")

my_car = Car("Toyota", "Red")
my_car.accelerate(40)

# Fleet management with list comprehensions
fleet = [
    {"id": 101, "brand": "Toyota", "speed": 60, "active": True},
    {"id": 102, "brand": "BMW", "speed": 0, "active": False},
    {"id": 103, "brand": "Tesla", "speed": 85, "active": True}
]

# Filter active moving cars using list comprehension
moving_cars = [c for c in fleet if c["active"] and c["speed"] > 0]
print(f"Moving Cars Count: {len(moving_cars)}")

import sqlite3

# Establish DB Connection
conn = sqlite3.connect("fleet_production.db")
cursor = conn.cursor()

# Parameterized query execution for ACID safety
cursor.execute("SELECT id, brand, speed FROM cars WHERE active = ?", (1,))
rows = cursor.fetchall()
for row in rows:
    print(f"DB Record -> ID: {row[0]}, Brand: {row[1]}, Speed: {row[2]}")

from sqlalchemy import Column, Integer, String, Boolean
from sqlalchemy.orm import declarative_base

Base = declarative_base()

class CarModel(Base):
    __tablename__ = 'cars'
    id = Column(Integer, primary_key=True)
    brand = Column(String(50), nullable=False)
    speed = Column(Integer, default=0)
    is_active = Column(Boolean, default=True)

from fastapi import FastAPI, HTTPException
from pydantic import BaseModel

app = FastAPI(title="GSDC Car Fleet API")

class CarSchema(BaseModel):
    brand: str
    speed: int

@app.get("/api/v1/cars/{car_id}", response_model=CarSchema)
async def get_car(car_id: int):
    return {"brand": "Tesla", "speed": 85}

import React, { useState, useEffect } from 'react';

export default function FleetDashboard() {
  const [car, setCar] = useState(null);

  useEffect(() => {
    fetch('/api/v1/cars/101')
      .then(res => res.json())
      .then(data => setCar(data));
  }, []);

  return (
    <div className="card">
      <h3>Car: {car?.brand}</h3>
      <p>Speed: {car?.speed} km/h</p>
    </div>
  );
}