mostly finished rewrite

public/src/Projects.js

@@ -1,10 +1,33 @@
-import Nav from './components/Nav';
+import Navigation from './components/Navigation';
 import Footer from './components/Footer';
+import ProjectDisplay from './components/ProjectDisplay';
 
+/*
+ * The Projects page.
+ */
 export default function Projects() {
+  /*
+   * An array of project data to feed to the ProjectDisplay component.
+   */
+  const data = [
+    { 
+      frontend: "flutter",
+      backend: "go",
+      id: "one-ai",
+      name: 'One AI',
+      description: "TODO",
+      url: "https://github.com/quaxlyqueen/one-ai"
+    },
+  ];
+
   return (
     <>
-      <Nav />
+      <Navigation />
+        <div>
+          {data.map(item => (
+            <ProjectDisplay frontend={item.frontend} backend={item.backend} id={item.id} name={item.name} description={item.description} url={item.url} />
+          ))}
+        </div>
       <Footer />
     </>
   );