update

app/projects/page.tsx

@@ -22,12 +22,23 @@ interface Project {
 const ProjectsPage = () => {
   const [projects, setProjects] = useState<Project[]>([]);
 
-  // Load projects from localStorage
+  // Load projects from API
   useEffect(() => {
-    const savedProjects = localStorage.getItem('portfolio-projects');
-    if (savedProjects) {
-      setProjects(JSON.parse(savedProjects));
-    }
+    const loadProjects = async () => {
+      try {
+        const response = await fetch('/api/projects?published=true');
+        if (response.ok) {
+          const data = await response.json();
+          setProjects(data.projects || []);
+        } else {
+          console.error('Failed to fetch projects from API');
+        }
+      } catch (error) {
+        console.error('Error loading projects:', error);
+      }
+    };
+
+    loadProjects();
   }, []);
 
   const categories = ["All", "Web Development", "Full-Stack", "Web Application", "Mobile App"];