Add live Vercel demo URLs to service cards

This commit is contained in:
khondokartowsif171
2026-05-02 07:41:56 +06:00
parent e090f7a6f7
commit a2a11b4850
2 changed files with 19 additions and 10 deletions
+5
View File
@@ -83,6 +83,7 @@ const PORTFOLIO_DATA = {
stack: ["SvelteKit", "Next.js", "React", "Tailwind", "PostgreSQL"], stack: ["SvelteKit", "Next.js", "React", "Tailwind", "PostgreSQL"],
impact: { primary: "50k+", secondary: "daily users served" }, impact: { primary: "50k+", secondary: "daily users served" },
color: "violet", color: "violet",
demo: "https://demo-autostudio-ecomercewebsite.vercel.app",
}, },
{ {
id: "ai-agent-automation", id: "ai-agent-automation",
@@ -94,6 +95,7 @@ const PORTFOLIO_DATA = {
stack: ["Anthropic Claude", "n8n", "LangGraph", "Node.js", "Hono"], stack: ["Anthropic Claude", "n8n", "LangGraph", "Node.js", "Hono"],
impact: { primary: "1.2M+", secondary: "agent runs / month" }, impact: { primary: "1.2M+", secondary: "agent runs / month" },
color: "cyan", color: "cyan",
demo: "https://demo-agenticai-website.vercel.app",
}, },
{ {
id: "web3-blockchain", id: "web3-blockchain",
@@ -105,6 +107,7 @@ const PORTFOLIO_DATA = {
stack: ["Solidity", "viem", "wagmi", "Cloudflare Workers"], stack: ["Solidity", "viem", "wagmi", "Cloudflare Workers"],
impact: { primary: "12 chains", secondary: "EVM + Solana" }, impact: { primary: "12 chains", secondary: "EVM + Solana" },
color: "green", color: "green",
demo: "https://demo-cryptotradeanalysis-website.vercel.app",
}, },
{ {
id: "mt5-ea-trading", id: "mt5-ea-trading",
@@ -116,6 +119,7 @@ const PORTFOLIO_DATA = {
stack: ["MQL5", "Go", "ClickHouse", "WebSockets", "React"], stack: ["MQL5", "Go", "ClickHouse", "WebSockets", "React"],
impact: { primary: "<80ms", secondary: "tick-to-render latency" }, impact: { primary: "<80ms", secondary: "tick-to-render latency" },
color: "amber", color: "amber",
demo: "https://ea-dashboard-blush.vercel.app",
}, },
{ {
id: "scraping-data-pipeline", id: "scraping-data-pipeline",
@@ -127,6 +131,7 @@ const PORTFOLIO_DATA = {
stack: ["Playwright", "Puppeteer", "Python", "Airflow", "PostgreSQL"], stack: ["Playwright", "Puppeteer", "Python", "Airflow", "PostgreSQL"],
impact: { primary: "10M+", secondary: "records extracted / month" }, impact: { primary: "10M+", secondary: "records extracted / month" },
color: "violet", color: "violet",
demo: "https://portfolio-website-tan-six-24.vercel.app",
}, },
{ {
id: "infra-devops", id: "infra-devops",
+14 -10
View File
@@ -152,16 +152,20 @@ const ProjectCard = ({ p }) => {
borderRadius: 8, borderRadius: 8,
color: "var(--text-dim)", color: "var(--text-dim)",
}} title="GitHub"><Icons.Github size={14} /></button> }} title="GitHub"><Icons.Github size={14} /></button>
<button style={{ {p.demo && (
padding: "0 14px", height: 34, <a href={p.demo} target="_blank" rel="noopener noreferrer" style={{
display: "inline-flex", alignItems: "center", gap: 6, padding: "0 14px", height: 34,
background: "var(--text)", display: "inline-flex", alignItems: "center", gap: 6,
color: "var(--bg)", background: "var(--text)",
border: "none", color: "var(--bg)",
borderRadius: 8, border: "none",
fontSize: 13, borderRadius: 8,
fontWeight: 500, fontSize: 13,
}}>Demo <Icons.ArrowUpRight size={12} /></button> fontWeight: 500,
textDecoration: "none",
cursor: "pointer",
}}>Demo <Icons.ArrowUpRight size={12} /></a>
)}
</div> </div>
</div> </div>
</div> </div>