new frontend added

Author: deepblue597

README.md

@@ -67,7 +67,7 @@ Referral Tracking: Dedicated page to track and manage referrals between your con
 
 Self-Hosted & Private: Complete control over your data with FastAPI backend and streamlined deployment
 
-Modern Tech Stack: Built with Streamlit frontend, FastAPI backend, and Pydantic models for type-safe API communication
+Modern Tech Stack: Built with React frontend, FastAPI backend, and Pydantic models for type-safe API communication
 
 ## Use Cases
 
@@ -81,7 +81,7 @@ Modern Tech Stack: Built with Streamlit frontend, FastAPI backend, and Pydantic
 
 ## Tech Stack
 
-- Frontend: Streamlit with PyVis for interactive network graphs
+- Frontend: React (Docker image hosted on Docker Hub)
 
 - Backend: FastAPI with SQLAlchemy ORM
 
@@ -99,12 +99,14 @@ Modern Tech Stack: Built with Streamlit frontend, FastAPI backend, and Pydantic
 openssl rand -hex 64
 ```
 
-2. Build the database, backend and frontend using the command
+2. Build the database and backend, and pull the frontend image using the command
 
 ```
 docker compose up --build
 ```
 
+The frontend image is pulled automatically from Docker Hub — no local build required.
+
 3. Accessing the application
    - **Frontend**: http://localhost:8501
    - **Backend API**: http://localhost:8000

apps/backend/api.py

@@ -4,6 +4,7 @@
 """
 from contextlib import asynccontextmanager
 from fastapi import FastAPI, Depends, status , Request
+from fastapi.middleware.cors import CORSMiddleware
 from fastapi.responses import JSONResponse
 from sqlalchemy import create_engine
 from services.connectionService import ConnectionService
@@ -63,6 +64,18 @@ async def lifespan(app: FastAPI):
     lifespan=lifespan
 )
 
+# Configure CORS for frontend connectivity
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=[
+        "http://localhost:3001",  # Next.js dev server
+        "http://localhost:8501",  # Streamlit (if still needed)
+    ],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
 # Import routers after app is created to avoid circular imports
 
 

docker-compose.yml

@@ -50,24 +50,33 @@ services:
     restart: unless-stopped
 
   frontend:
-    build:
-      context: .
-      dockerfile: apps/frontend/Dockerfile
-    container_name: sixpath_frontend
-    environment:
-      # Backend API URL
-      API_BASE_URL: ${API_BASE_URL}
-      # Streamlit configuration
-      STREAMLIT_SERVER_PORT: ${STREAMLIT_SERVER_PORT}
-      STREAMLIT_SERVER_ADDRESS: ${STREAMLIT_SERVER_ADDRESS}
+    image: deepblue597/sixpath-frontend:latest
+    container_name: sixpath-frontend
     ports:
-      - "8501:8501"
-    networks:
-      - sixpath_network
-    depends_on:
-      - backend
+      - "3001:3000"
+    environment:
+      - NEXT_PUBLIC_API_URL=${API_BASE_URL}
     restart: unless-stopped
 
+  # frontend:
+  #   build:
+  #     context: .
+  #     dockerfile: apps/frontend/Dockerfile
+  #   container_name: sixpath_frontend
+  #   environment:
+  #     # Backend API URL
+  #     API_BASE_URL: ${API_BASE_URL}
+  #     # Streamlit configuration
+  #     STREAMLIT_SERVER_PORT: ${STREAMLIT_SERVER_PORT}
+  #     STREAMLIT_SERVER_ADDRESS: ${STREAMLIT_SERVER_ADDRESS}
+  #   ports:
+  #     - "8501:8501"
+  #   networks:
+  #     - sixpath_network
+  #   depends_on:
+  #     - backend
+  #   restart: unless-stopped
+
 volumes:
   postgres_data:
     driver: local

packages/models/input_models.py

@@ -1,4 +1,5 @@
 from pydantic import BaseModel
+from datetime import date
 
 # Base model with common user fields
 class UserBase(BaseModel):
@@ -10,7 +11,7 @@ class UserBase(BaseModel):
     phone: str | None = None
     linkedin_url: str | None = None
     how_i_know_them: str | None = None
-    when_i_met_them: str | None = None
+    when_i_met_them: date | str | None = None
     notes: str | None = None
 
 # Creation of the User of the app (the authenticated owner)
@@ -34,8 +35,7 @@ class UserUpdate(BaseModel):
     phone: str | None = None
     linkedin_url: str | None = None
     how_i_know_them: str | None = None
-    #TODO: change to Date type
-    when_i_met_them: str | None = None
+    when_i_met_them: date | str | None = None
     notes: str | None = None