- {article.date_published}
- {article.tag && {article.tag}}
-
- {article.title}
-{article.excerpt}
- Read Article → -
Blog
diff --git a/src/app/(main)/certifications/page.tsx b/src/app/(main)/certifications/page.tsx
index b7005ea..df044d8 100644
--- a/src/app/(main)/certifications/page.tsx
+++ b/src/app/(main)/certifications/page.tsx
@@ -1,16 +1,20 @@
import { supabase } from "@/lib/supabase";
import ScrollReveal from "@/components/ScrollReveal";
+import FloatingBackButton from "@/components/FloatingBackButton";
export const metadata = {
title: "All Certifications | Cris Charles Garcia",
description: "Certifications — A collection of my professional certificates and courses.",
};
+export const dynamic = 'force-dynamic';
+
export default async function CertificationsPage() {
const { data: certRows } = await supabase.from('certifications').select('*').order('id', { ascending: false });
return (
<>
+
Certifications
diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx
index acc476c..a0bd6c9 100644
--- a/src/app/(main)/page.tsx
+++ b/src/app/(main)/page.tsx
@@ -1,6 +1,9 @@
import { supabase } from "@/lib/supabase";
import ScrollReveal from "@/components/ScrollReveal";
import Link from "next/link";
+import { ProjectCard, ArticleCard, CertCard } from "@/components/ClientCardModals";
+
+export const dynamic = 'force-dynamic';
export default async function Home() {
const recaptchaSiteKey = process.env.RECAPTCHA_SITE_KEY || "";
@@ -140,24 +143,7 @@ export default async function Home() {
{projectRows && projectRows.length > 0 ? projectRows.map((project, index) => (
-
-
- 
-
-
-
-
-
+
-
- {project.title}
- ↗ -{project.des}
-
- {project.techstack ? project.techstack.split(',').map((tag: string) => tag.trim()).map((tag: string, i: number) => (
- {tag}
- )) : null}
-
- No projects available.
}
@@ -175,17 +161,12 @@ export default async function Home() {
Certifications
- My Certifications
+
{certRows && certRows.length > 0 ? certRows.map((cert, index) => (
-
-
{cert.icon || "🏆"}
-
-
+ {cert.title}
-{cert.issuer}
- Issued {cert.date_issued} -
+
- )) : No certifications available.
} + )) :No certifications available.
}
All Certifications →
@@ -204,15 +185,7 @@ export default async function Home() {
{articleRows && articleRows.length > 0 ? articleRows.map((article, index) => (
-
-
+
No articles available.
}
diff --git a/src/app/(main)/projects/page.tsx b/src/app/(main)/projects/page.tsx
index dd9d6e8..2956731 100644
--- a/src/app/(main)/projects/page.tsx
+++ b/src/app/(main)/projects/page.tsx
@@ -1,16 +1,20 @@
import { supabase } from "@/lib/supabase";
import ScrollReveal from "@/components/ScrollReveal";
+import FloatingBackButton from "@/components/FloatingBackButton";
export const metadata = {
title: "All Projects | Cris Charles Garcia",
description: "All Projects — A complete archive of apps, websites, and experiments built by Cris Charles Garcia.",
};
+export const dynamic = 'force-dynamic';
+
export default async function ProjectsPage() {
const { data: projectRows } = await supabase.from('projects').select('*').order('id', { ascending: false });
return (
<>
+
Projects
diff --git a/src/app/admin/AdminDashboard.tsx b/src/app/admin/AdminDashboard.tsx
index b5b40fa..d34fa47 100644
--- a/src/app/admin/AdminDashboard.tsx
+++ b/src/app/admin/AdminDashboard.tsx
@@ -1,7 +1,30 @@
"use client";
-import { useState, useRef } from "react";
+import { useState, useRef, useEffect } from "react";
import { useRouter } from "next/navigation";
+import {
+ LayoutDashboard,
+ FolderKanban,
+ Award,
+ BookOpen,
+ Layers,
+ ShieldCheck,
+ LogOut,
+ Moon,
+ Sun,
+ Plus,
+ Edit2,
+ Trash2,
+ MonitorPlay,
+ ZoomIn,
+ ZoomOut,
+ Maximize2,
+ X,
+ Menu,
+ CheckCircle2,
+ AlertCircle
+} from "lucide-react";
+
import {
updateSettings,
upsertProject,
@@ -31,17 +54,18 @@ export default function AdminDashboard({
initialTechStack: any[];
username: string;
}) {
- const [activeTab, setActiveTab] = useState("profile");
+ const [activeTab, setActiveTab] = useState("dashboard");
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
const router = useRouter();
// Dark mode toggle state
- const [isDark, setIsDark] = useState(() => {
+ const [isDark, setIsDark] = useState(true);
+
+ useEffect(() => {
if (typeof window !== "undefined") {
- return localStorage.getItem("theme") !== "light";
+ setIsDark(localStorage.getItem("theme") !== "light");
}
- return true;
- });
+ }, []);
const handleToggle = (e: React.ChangeEvent) => {
const checked = e.target.checked;
@@ -58,6 +82,10 @@ export default function AdminDashboard({
const [isProjectModalOpen, setIsProjectModalOpen] = useState(false);
const [isCertModalOpen, setIsCertModalOpen] = useState(false);
const [isArticleModalOpen, setIsArticleModalOpen] = useState(false);
+ const [isPreviewModalOpen, setIsPreviewModalOpen] = useState(false);
+
+ // Preview Zoom state
+ const [previewZoom, setPreviewZoom] = useState(1);
// Form refs for unsaved changes confirmation
const projectFormRef = useRef(null);
@@ -148,6 +176,32 @@ export default function AdminDashboard({
onChange={handleToggle}
/>
+ {/* Floating Toast Notification */}
+ {message.text && (
+
-
+
)}
@@ -305,13 +362,16 @@ export default function AdminDashboard({
+ {message.type === 'success' ?
+ )}
+
{/* Mobile Header */}
{message.text}
+
+
@@ -157,30 +211,16 @@ export default function AdminDashboard({
- setIsSidebarOpen(!isSidebarOpen)}
>
-
-
-
+ {isSidebarOpen ?
{/* Sidebar Navigation */}
@@ -219,23 +273,44 @@ export default function AdminDashboard({
{activeTab.toUpperCase()} MANAGEMENT
Welcome back, {username}.
-
- Active Session
+
- {/* System Alerts */}
- {message.text && (
-
+
+
+
+ Active Session
+
- {message.type === "success" ? "✓" : "⚠️"}
-
- )}
-
- {/* ================= TAB: PROFILE ================= */}
- {activeTab === "profile" && (
+ {/* ================= TAB: DASHBOARD / PROFILE ================= */}
+ {activeTab === "dashboard" && (
{message.text}
-
+ {/* Stats Overview Cards */}
+
-
+ {[
+ { title: "Total Projects", count: initialProjects.length, icon:
+
+
+ ))}
+
+ {stat.icon}
+
+
+
+ {stat.count}
+ {stat.title}
+
-
-
📈 Statistics Counters
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 🔗 Social Links
@@ -293,7 +350,7 @@ export default function AdminDashboard({
-
@@ -328,7 +388,9 @@ export default function AdminDashboard({
📁 Current Projects
+
+
| {proj.techstack} |
-
+
+ }} style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
+
|
@@ -348,13 +412,13 @@ export default function AdminDashboard({
{/* Project Modal */}
{isProjectModalOpen && (
-
| {cert.icon} | +{cert.icon?.includes('fa-') ? : cert.icon} | {cert.title} | {cert.issuer} |
-
+
+ }} style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
|
| {art.date_published} |
-
+
+ }} style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
|
@@ -550,13 +632,13 @@ export default function AdminDashboard({
{/* Article Modal */}
{isArticleModalOpen && (
-