adding frontend + public endpoint to add volunteer data

Author: matia-lee

backend/app/models/VolunteerData.py

@@ -12,11 +12,10 @@ class VolunteerData(Base):
     __tablename__ = "volunteer_data"
 
     id = Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
-    user_id = Column(UUID(as_uuid=True), ForeignKey("users.id"), unique=True, nullable=False)
+    user_id = Column(UUID(as_uuid=True), ForeignKey("users.id"), nullable=True)
     experience = Column(Text, nullable=True)
     references_json = Column(Text, nullable=True)
     additional_comments = Column(Text, nullable=True)
     submitted_at = Column(DateTime, default=datetime.utcnow, nullable=False)
 
-    user = relationship("User", back_populates="volunteer_data")
-    __table_args__ = (UniqueConstraint('user_id', name='uq_volunteer_data_user_id'),) 
+    user = relationship("User", back_populates="volunteer_data") 

backend/app/routes/volunteer_data.py

@@ -5,6 +5,7 @@
 from app.schemas.volunteer_data import (
     VolunteerDataCreateRequest,
     VolunteerDataListResponse,
+    VolunteerDataPublicSubmission,
     VolunteerDataResponse,
     VolunteerDataUpdateRequest,
 )
@@ -17,6 +18,27 @@
 )
 
 
+# Public endpoint - anyone can submit volunteer data
+@router.post("/submit", response_model=VolunteerDataResponse)
+async def submit_volunteer_data(
+    volunteer_data: VolunteerDataPublicSubmission,
+    volunteer_data_service: VolunteerDataService = Depends(get_volunteer_data_service),
+):
+    """Public endpoint for volunteers to submit their application data"""
+    try:
+        create_request = VolunteerDataCreateRequest(
+            user_id=None,
+            experience=volunteer_data.experience,
+            references_json=volunteer_data.references_json,
+            additional_comments=volunteer_data.additional_comments,
+        )
+        return await volunteer_data_service.create_volunteer_data(create_request)
+    except HTTPException as http_ex:
+        raise http_ex
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+
 # Admin only - create volunteer data
 @router.post("/", response_model=VolunteerDataResponse)
 async def create_volunteer_data(

backend/app/schemas/volunteer_data.py

@@ -25,7 +25,15 @@ class VolunteerDataCreateRequest(VolunteerDataBase):
     Request schema for creating volunteer data
     """
 
-    user_id: UUID = Field(..., description="User ID this volunteer data belongs to")
+    user_id: Optional[UUID] = Field(None, description="User ID this volunteer data belongs to (optional for public submissions)")
+
+
+class VolunteerDataPublicSubmission(VolunteerDataBase):
+    """
+    Request schema for public volunteer data submissions (no user_id required)
+    """
+    
+    pass
 
 
 class VolunteerDataUpdateRequest(BaseModel):

backend/migrations/versions/e71f29bbfe31_make_user_id_nullable_in_volunteer_data.py

@@ -0,0 +1,22 @@
+"""make_user_id_nullable_in_volunteer_data
+
+Revision ID: e71f29bbfe31
+Revises: 6cfd431cb2e9
+Create Date: 2025-06-22 01:09:44.851319
+
+"""
+from typing import Sequence, Union
+
+# revision identifiers, used by Alembic.
+revision: str = 'e71f29bbfe31'
+down_revision: Union[str, None] = '6cfd431cb2e9'
+branch_labels: Union[str, Sequence[str], None] = None
+depends_on: Union[str, Sequence[str], None] = None
+
+
+def upgrade() -> None:
+    pass
+
+
+def downgrade() -> None:
+    pass

frontend/package-lock.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@chakra-ui/react": "^3.13.0",
+    "@heroicons/react": "^2.2.0",
     "next": "^14.2.24",
     "next-themes": "^0.4.6",
     "react": "^18",

frontend/package.json

@@ -0,0 +1,75 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const BACKEND_URL = process.env.BACKEND_URL || 'http://localhost:8000';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  const { method } = req;
+
+  try {
+    let url = `${BACKEND_URL}/volunteer-data`;
+    let fetchOptions: RequestInit = {
+      method,
+      headers: {
+        'Content-Type': 'application/json',
+        // Forward authorization header if present
+        ...(req.headers.authorization && {
+          'Authorization': req.headers.authorization,
+        }),
+      },
+    };
+
+    // Handle different HTTP methods
+    switch (method) {
+      case 'POST':
+        // Create volunteer data
+        fetchOptions.body = JSON.stringify(req.body);
+        break;
+        
+      case 'GET':
+        // Get volunteer data - handle query parameters
+        if (req.query.id) {
+          url = `${BACKEND_URL}/volunteer-data/${req.query.id}`;
+        } else if (req.query.user_id) {
+          url = `${BACKEND_URL}/volunteer-data/user/${req.query.user_id}`;
+        }
+        // If no specific query, it will get all volunteer data
+        break;
+        
+      case 'PUT':
+        // Update volunteer data
+        if (req.query.id) {
+          url = `${BACKEND_URL}/volunteer-data/${req.query.id}`;
+          fetchOptions.body = JSON.stringify(req.body);
+        } else {
+          return res.status(400).json({ error: 'ID required for PUT request' });
+        }
+        break;
+        
+      case 'DELETE':
+        // Delete volunteer data
+        if (req.query.id) {
+          url = `${BACKEND_URL}/volunteer-data/${req.query.id}`;
+        } else {
+          return res.status(400).json({ error: 'ID required for DELETE request' });
+        }
+        break;
+        
+      default:
+        return res.status(405).json({ error: `Method ${method} not allowed` });
+    }
+
+    // Make request to FastAPI backend
+    const response = await fetch(url, fetchOptions);
+    const data = await response.json();
+
+    // Forward the response status and data
+    res.status(response.status).json(data);
+    
+  } catch (error) {
+    console.error('API proxy error:', error);
+    res.status(500).json({ 
+      error: 'Internal server error',
+      details: error instanceof Error ? error.message : 'Unknown error'
+    });
+  }
+} 

frontend/src/pages/api/volunteer-data.ts

@@ -0,0 +1,29 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const BACKEND_URL = process.env.BACKEND_URL || 'http://localhost:8000';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Method not allowed' });
+  }
+
+  try {
+    const response = await fetch(`${BACKEND_URL}/volunteer-data/submit`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(req.body),
+    });
+
+    const data = await response.json();
+    res.status(response.status).json(data);
+    
+  } catch (error) {
+    console.error('API proxy error:', error);
+    res.status(500).json({ 
+      error: 'Internal server error',
+      details: error instanceof Error ? error.message : 'Unknown error'
+    });
+  }
+}