Joders/Jody-Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: added link to skymoney and updated to beta status on project container
All checks were successful
Deploy Jody's App / build-and-deploy (push) Successful in 18s
Details

Browse Source
This commit is contained in:
Ricearoni1245
2026-02-01 00:47:39 -06:00
parent 3caf1e30b0
commit 7d9c0014ed
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Projects.tsx
View File

@@ -18,13 +18,15 @@ type Project = {
videoMobile: string; videoMobile: string;
techStack: string[]; techStack: string[];
liveUrl?: string; liveUrl?: string;
beta?: boolean;
note?: string;
comingSoon?: boolean; comingSoon?: boolean;
}; };
const projects: Project[] = [ const projects: Project[] = [
{ {
id: "skymoney", id: "skymoney",
title: "Skymoney", title: "SkyMoney",
description: description:
"A budgeting app that simulates your bank account to ensure financial discipline.", "A budgeting app that simulates your bank account to ensure financial discipline.",
coverImage: skymoneycover, coverImage: skymoneycover,
@@ -32,7 +34,9 @@ const projects: Project[] = [
video: skymoneyvideo, video: skymoneyvideo,
videoMobile: skymoneyvideoMobile, videoMobile: skymoneyvideoMobile,
techStack: ["React", "TypeScript", "Node.js", "PostgreSQL"], techStack: ["React", "TypeScript", "Node.js", "PostgreSQL"],
comingSoon: true, liveUrl: "https://skymoneybudget.com",
beta: true,
note: "Contact Jody for beta access.",
}, },
{ {
id: "miller-building", id: "miller-building",
@@ -154,10 +158,10 @@ function ProjectCard({
</svg> </svg>
</div> </div>
</button> </button>
{/* Coming Soon Badge */} {/* Beta Badge */}
{project.comingSoon && ( {project.beta && (
<div className="absolute top-3 right-3 px-3 py-1 rounded-full bg-primary text-white text-xs font-bold uppercase tracking-wider"> <div className="absolute top-3 right-3 px-3 py-1 rounded-full bg-primary text-white text-xs font-bold uppercase tracking-wider">
Coming Soon Beta
</div> </div>
)} )}
</div> </div>
@@ -187,10 +191,10 @@ function ProjectCard({
</svg> </svg>
</div> </div>
</button> </button>
{/* Coming Soon Badge */} {/* Beta Badge */}
{project.comingSoon && ( {project.beta && (
<div className="absolute top-3 right-3 px-3 py-1 rounded-full bg-primary text-white text-xs font-bold uppercase tracking-wider"> <div className="absolute top-3 right-3 px-3 py-1 rounded-full bg-primary text-white text-xs font-bold uppercase tracking-wider">
Coming Soon Beta
</div> </div>
)} )}
</div> </div>
@@ -201,6 +205,9 @@ function ProjectCard({
<p className="text-text/70 text-sm mb-4 line-clamp-2"> <p className="text-text/70 text-sm mb-4 line-clamp-2">
{project.description} {project.description}
</p> </p>
{project.note && (
<p className="text-text/60 text-xs mb-4">{project.note}</p>
)}
{/* Tech Stack */} {/* Tech Stack */}
<div className="flex flex-wrap gap-2 mb-4"> <div className="flex flex-wrap gap-2 mb-4">