first commit

Author: giladfuchs

.github/workflows/deploy.yml

@@ -0,0 +1,23 @@
+name: Deploy FastAPI
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Fly CLI
+        uses: superfly/flyctl-actions/setup-flyctl@master
+
+      - name: Deploy from fastapi-postgres directory
+        working-directory: fastapi-postgres
+        run: flyctl deploy --remote-only
+        env:
+          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}

.gitignore

@@ -0,0 +1,4 @@
+.idea/
+.vscode/
+.DS_Store
+

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Gilad
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,57 @@
+# Full Stack Template
+
+This is a full stack web application template built with:
+
+- **FastAPI** (Python) backend
+- **Vue 3** and **React** frontends — both written in **TypeScript**, with similar structure and design but implemented as **standalone apps**
+- **PostgreSQL** database
+- **Docker Compose** for full environment orchestration
+
+---
+
+## 🌐 Live View
+
+- [React Frontend ](https://fullstack-template-react.vercel.app/)
+- [Vue Frontend ](https://fullstack-template-vue.vercel.app/)
+- [FastAPI Backend Docs  ](https://full-stack-api.fly.dev/docs)
+---
+
+## Features
+
+This template is designed to manage a complete **teacher-student-assignment workflow**:
+
+- **Teacher login** and dashboard
+- **Students list** per teacher, with:
+  - Add / Edit / Delete controls
+  - Access to student profile
+- **Student profile page** including:
+  - Full CRUD for **assignments**
+
+## Run the Project
+```bash
+cd docker
+docker-compose up --build
+```
+
+### Service URLs
+
+- **React frontend** → [http://localhost:3040](http://localhost:3040)  
+- **Vue frontend** → [http://localhost:3030](http://localhost:3030)  
+- **Backend API** (FastAPI) → [http://localhost:5001](http://localhost:5001)  
+- **PostgreSQL** → `localhost:5434`
+
+
+---
+
+## 🤝 Contributing
+
+Contributions are welcome!  
+If you find this project useful, consider giving it a ⭐ on GitHub — it helps others discover it!
+
+To contribute, fork the repository and submit a pull request with your enhancements or bug fixes.
+
+---
+
+## 📄 License
+
+This project is licensed under the [MIT License](./LICENSE).

docker/Dockerfile_Fastapi

@@ -0,0 +1,11 @@
+FROM python:3.11.13-slim
+
+RUN apt-get update && \
+    apt-get install -y build-essential git && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
+
+COPY requirements.txt ./
+RUN pip install --upgrade pip && pip install --no-cache-dir -r requirements.txt
+
+COPY . .

docker/Dockerfile_React

@@ -0,0 +1,17 @@
+FROM node:18-slim
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm install --legacy-peer-deps
+
+ENV NODE_OPTIONS=--openssl-legacy-provider
+
+COPY . .
+
+RUN npm run build
+RUN npm install -g serve
+
+EXPOSE 80
+
+CMD ["serve", "-s", "build", "-l", "80"]

docker/Dockerfile_Vue

@@ -0,0 +1,17 @@
+FROM node:16-slim
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm install --legacy-peer-deps
+
+COPY . .
+
+RUN npm run build
+
+EXPOSE 80
+
+RUN npm install -g serve
+
+CMD ["serve", "-s", "dist", "-l", "80"]

docker/docker-compose.yaml

@@ -0,0 +1,56 @@
+version: "3.7"
+
+services:
+  db:
+    image: postgres:latest
+    container_name: postgresql1
+    restart: always
+    environment:
+      POSTGRES_USER: admin
+      POSTGRES_PASSWORD: admin
+      POSTGRES_DB: postgres
+      POSTGRES_INITDB_ARGS: "--auth=md5"
+    ports:
+      - "5434:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+
+  backend:
+    container_name: fastapi-backend
+    build:
+      context: ../fastapi-postgres
+      dockerfile: ../docker/Dockerfile_Fastapi
+    restart: always
+    command: bash start_server.sh
+    depends_on:
+      - db
+    environment:
+      DATABASE_URL: "postgresql+asyncpg://admin:admin@db:5434/postgres"
+    ports:
+      - "5001:80"
+
+
+  vue-frontend:
+    container_name: vue3-frontend
+    build:
+      context: ../vue3
+      dockerfile: ../docker/Dockerfile_Vue
+    restart: always
+    ports:
+      - "3030:80"
+    environment:
+      - VITE_API_URL=http://host.docker.internal:5001
+
+  react-frontend:
+    container_name: react-frontend
+    build:
+      context: ../react
+      dockerfile: ../docker/Dockerfile_React
+    restart: always
+    ports:
+      - "3040:80"
+    environment:
+      - REACT_APP_API_URL=http://host.docker.internal:5001
+
+volumes:
+  postgres_data:

fastapi-postgres

@@ -0,0 +1 @@
+Subproject commit a3109642afd8c89fb515632f63c1d77a0e21f2af

react/.eslintrc

@@ -0,0 +1,47 @@
+{
+    "plugins": ["prettier", "@typescript-eslint"],
+    "extends": ["airbnb-typescript", "react-app", "prettier"],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "project": "./tsconfig.json"
+    },
+    "settings": {
+        "import/resolver": {
+            "node": {
+                "moduleDirectory": ["node_modules", "src/"]
+            },
+            "typescript": {
+                "alwaysTryTypes": true
+            }
+        }
+    },
+    "rules": {
+        "react/jsx-filename-extension": 0,
+        "no-param-reassign": 0,
+        "react/prop-types": 0,
+        "react/require-default-props": 0,
+        "react/no-array-index-key": 0,
+        "react/react-in-jsx-scope": 0,
+        "react/jsx-props-no-spreading": 0,
+        "import/order": 0,
+        "no-console": 0,
+        "no-shadow": 0,
+        "@typescript-eslint/naming-convention": 0,
+        "import/no-cycle": 0,
+        "prefer-destructuring": 0,
+        "no-unused-vars": 0,
+        "@typescript-eslint/no-unused-vars": 0,
+        "prettier/prettier": [
+            2,
+            {
+                "bracketSpacing": true,
+                "printWidth": 140,
+                "singleQuote": true,
+                "trailingComma": "none",
+                "tabWidth": 4,
+                "useTabs": false,
+                "endOfLine": "lf"
+            }
+        ]
+    }
+}