json file for projects data

data/projects.json

@@ -0,0 +1,31 @@
+[
+    {
+      "title": "Q-Learning Auction Agent",
+      "githubLink": "https://github.com/Matts52/Q_Learn_Single_Sealed_Bid_Auction",
+      "imageSrc": "assets/projects/Q_Learn.PNG",
+      "description": "The goal of this project was to take an initial step to exploring reinforcement learning and agent-based machine learning. Essentially, this JavaScript application uses a single state Q-Learning algorithm to teach an artificial agent how to optimally bid in a two-player sealed bid auction setting.",
+      "demoLink": "https://matthewsenick.com/Q_Learn_Single_Sealed_Bid_Auction/"
+    },
+    {
+      "title": "Helper Website for Students",
+      "githubLink": "https://github.com/Matts52/ECO304",
+      "imageSrc": "assets/projects/ECO304_HOME.PNG",
+      "description": "I built a website for my students that generated practice questions, visualizations, and a glossary of terminology to help them learn the material. With this interactive tool, my students were able to test their knowledge and reinforce key concepts, making the learning experience more engaging and effective.",
+      "demoLink": "http://www.matthewsenick.com/ECO304/"
+    },
+    {
+      "title": "Command Line Chess",
+      "githubLink": "https://github.com/Matts52/CLChess",
+      "imageSrc": "assets/projects/CLChess.jpg",
+      "description": "A minimalist command line chess application built with python. In this game, you can choose to play against another user, a random-moving AI player, or a simple cost-minimizing AI player.",
+      "demoLink": "https://github.com/Matts52/CLChess"
+    },
+    {
+      "title": "Olympic Medal Data Visualization",
+      "githubLink": "https://github.com/Matts52/olympic-data-visualization",
+      "imageSrc": "assets/projects/Olympic_DataVis.jpg",
+      "description": "A tool that lets you explore and compare historical medal counts in the Olympics. A completely interactive map is available to the user and a variety of settings can be explored. Medal counts are shown in stacked bar charts along with a time series trend",
+      "demoLink": "https://www.matthewsenick.com/olympic-data-visualization/"
+    }
+  ]
+

index.html

@@ -163,7 +163,6 @@ <h2 class="mb-4">About Me</h2>
     <!-- EXPERIENCE -->
     <section id="experience" class="py-5"></section>
 
-
     <!-- CONTACT -->
     <section id="contact" class="py-5"></section>
 

scripts/gen_tiles.js

@@ -1,38 +1,8 @@
 
-function generateProjectTiles(){
-
-  // Define an array of project data
-  const projects = [
-    {
-      title: "Q-Learning Auction Agent",
-      githubLink: "https://github.com/Matts52/Q_Learn_Single_Sealed_Bid_Auction",
-      imageSrc: "assets/projects/Q_Learn.PNG",
-      description: "The goal of this project was to take an initial step to exploring reinforcement learning and agent-based machine learning. Essentially, this JavaScript application uses a single state Q-Learning algorithm to teach an artificial agent how to optimally bid in a two-player sealed bid auction setting.",
-      demoLink: "https://matthewsenick.com/Q_Learn_Single_Sealed_Bid_Auction/",
-    },
-    {
-      title: "Helper Website for Students",
-      githubLink: "https://github.com/Matts52/ECO304",
-      imageSrc: "assets/projects/ECO304_HOME.PNG",
-      description: "I built a website for my students that generated practice questions, visualizations, and a glossary of terminology to help them learn the material. With this interactive tool, my students were able to test their knowledge and reinforce key concepts, making the learning experience more engaging and effective.",
-      demoLink: "http://www.matthewsenick.com/ECO304/",
-    },
-    {
-        title: "Command Line Chess",
-        githubLink: "https://github.com/Matts52/CLChess",
-        imageSrc: "assets/projects/CLChess.jpg",
-        description: "A minimalist command line chess application built with python. In this game, you can choose to play against another user, a random-moving AI player, or a simple cost-minimizing AI player.",
-        demoLink: "https://github.com/Matts52/CLChess",
-    },
-    {
-        title: "Olympic Medal Data Visualization",
-        githubLink: "https://github.com/Matts52/olympic-data-visualization",
-        imageSrc: "assets/projects/Olympic_DataVis.jpg",
-        description: "A tool that lets you explore and compare historical medal counts in the Olympics. A completely interactive map is available to the user and a variety of settings can be explored. Medal counts are shown in stacked bar charts along with a time series trend",
-        demoLink: "https://www.matthewsenick.com/olympic-data-visualization/",
-    },
-
-  ];
+async function generateProjectTiles(){
+  // Fetch project data from JSON file
+  const response = await fetch('data/projects.json');
+  const projects = await response.json();
 
   // Get the container element
   const container = document.getElementById("projects");