fix: add project image display and view link functionality

- Add link and image columns to projects table schema
- Fix image display to handle both URLs and gradients
- Make View button navigate to project link

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Frontend/components/featured-projects.tsx

@@ -78,7 +78,14 @@ export function FeaturedProjects() {
                 {/* Project Image */}
                 <div
                   className="h-36 sm:h-40 md:h-48 bg-cover bg-center group-hover:scale-110 transition-transform duration-300"
-                  style={{ background: project.image || 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)' }}
+                  style={{
+                    background: project.image?.startsWith('linear-gradient') || !project.image
+                      ? (project.image || 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)')
+                      : undefined,
+                    backgroundImage: project.image && !project.image.startsWith('linear-gradient')
+                      ? `url(${project.image})`
+                      : undefined
+                  }}
                   role="img"
                   aria-label={`${project.title} project visual`}
                 />
@@ -109,13 +116,27 @@ export function FeaturedProjects() {
                     <div className="text-xs sm:text-sm text-muted-foreground">
                       <span className="font-semibold text-foreground">{project.contributors || 0}</span> contributors
                     </div>
-                    <Button
-                      variant="ghost"
-                      size="sm"
-                      className="text-primary hover:text-primary/80 text-xs sm:text-sm px-2 sm:px-3"
-                    >
-                      View <ArrowRight className="w-3 h-3 sm:w-4 sm:h-4 ml-1 sm:ml-2" aria-hidden="true" />
-                    </Button>
+                    {project.link ? (
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        className="text-primary hover:text-primary/80 text-xs sm:text-sm px-2 sm:px-3"
+                        asChild
+                      >
+                        <a href={project.link} target="_blank" rel="noopener noreferrer">
+                          View <ArrowRight className="w-3 h-3 sm:w-4 sm:h-4 ml-1 sm:ml-2" aria-hidden="true" />
+                        </a>
+                      </Button>
+                    ) : (
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        className="text-primary hover:text-primary/80 text-xs sm:text-sm px-2 sm:px-3"
+                        disabled
+                      >
+                        View <ArrowRight className="w-3 h-3 sm:w-4 sm:h-4 ml-1 sm:ml-2" aria-hidden="true" />
+                      </Button>
+                    )}
                   </div>
                 </div>
               </article>

app/schemas/project.py

@@ -7,6 +7,8 @@ class Project(BaseModel):
     description: str | None = None
     github_url: str | None = None
     live_url: str | None = None
+    link: str | None = None
+    image: str | None = None
     created_at: datetime
 
 class ProjectCreate(BaseModel):
@@ -14,3 +16,5 @@ class ProjectCreate(BaseModel):
     description: str | None = None
     github_url: str | None = None
     live_url: str | None = None
+    link: str | None = None
+    image: str | None = None

supabase/migrations/20260126_create_tables.sql

@@ -8,6 +8,8 @@ CREATE TABLE IF NOT EXISTS projects (
     description TEXT,
     github_url TEXT,
     live_url TEXT,
+    link TEXT,
+    image TEXT,
     created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
 );