added the relevent json for project and changed image to iframe

Author: joefelx

app/_components/Intro.tsx

@@ -39,6 +39,7 @@ function Intro() {
     live: string;
     image: string;
     tools: string[];
+    timeline: string;
   }
 
   interface Education {

app/_components/Project.tsx

@@ -1,7 +1,7 @@
 import Image from "next/image";
 import React from "react";
 
-import engineer from "../assets/engineer.jpg";
+// import engineer from "../assets/engineer.jpg";
 
 function Project({
   title,
@@ -18,13 +18,8 @@ function Project({
 }) {
   return (
     <div className="border-b-2 border-gray-500 min-w-64 overflow-hidden ">
-      <div className="flex h-64 justify-center items-center">
-        <Image
-          draggable={true}
-          className="w-full h-full object-cover"
-          src={engineer}
-          alt="image"
-        ></Image>
+      <div className="flex h-80 justify-center items-center">
+        <iframe className="w-full h-full" src={live}></iframe>
       </div>
 
       {/* Title, Description and Tools */}

app/assets/fontverse.png

@@ -10,39 +10,35 @@
       "github": "https://github.com/joefelx/quickheal",
       "live": "https://quickheal.vercel.app",
       "image": "https://your-image-url.com/quickheal.png",
-      "tools": ["React", "Node.js", "MongoDB", "Websockets", "Express"]
+      "tools": ["React", "Node.js", "MongoDB", "Websockets", "Express"],
+      "timeline": "Jan 2024 - Present"
     },
     {
       "title": "Nimbus Tweet",
       "description": "A Twitter thread generator that converts long paragraphs into multiple concise tweets while adhering to Twitter’s character limit. This project improves user experience by making content creation easier.",
       "github": "https://github.com/joefelx/nimbus-tweet",
       "live": "https://nimbus-tweet.vercel.app",
       "image": "https://your-image-url.com/nimbus-tweet.png",
-      "tools": ["React", "Node.js", "MongoDB", "Redis", "Next.js"]
+      "tools": ["React", "Node.js", "MongoDB", "Redis", "Next.js"],
+      "timeline": "Nov 2023 - Feb 2024"
     },
     {
       "title": "Font Verse",
       "description": "FontVerse is a font library that enables users to browse, select, and use various fonts efficiently. It enhances performance with Redis caching and improves font rendering for a seamless experience.",
       "github": "https://github.com/joefelx/fontverse",
       "live": "https://fontverse.vercel.app",
       "image": "https://your-image-url.com/fontverse.png",
-      "tools": ["React", "Node.js", "MongoDB", "Redis"]
+      "tools": ["React", "Node.js", "MongoDB", "Redis"],
+      "timeline": "Aug 2023 - Dec 2023"
     },
     {
-      "title": "Banking Website",
-      "description": "A banking web application prototype that includes user authentication, secure money transactions, and an intuitive UI for easy financial management.",
-      "github": "https://github.com/joefelx/banking-website",
-      "live": "https://banking-website.vercel.app",
-      "image": "https://your-image-url.com/banking-website.png",
-      "tools": ["React", "Node.js", "MongoDB", "Express", "JWT"]
-    },
-    {
-      "title": "Instagram Clone",
-      "description": "A feature-rich social media platform that replicates the core functionalities of Instagram, including authentication, posts, likes, and comments.",
-      "github": "https://github.com/joefelx/instagram-clone",
-      "live": "https://instagram-clone.vercel.app",
-      "image": "https://your-image-url.com/instagram-clone.png",
-      "tools": ["React", "Node.js", "MongoDB", "Redux"]
+      "title": "Tic-Tac-Toe Online",
+      "description": "Tic-Tac-Toe Online is a multiplayer version of the classic Tic-Tac-Toe game, designed to be played over the internet. This project allows users to compete with each other in real-time by connecting to a server that manages the gameplay. The game features a sleek UI, smooth interactions, and real-time updates to enhance the player experience.",
+      "github": "https://github.com/joefelx/tictactoe-online",
+      "live": "https://tictactoe-online-joefelx.vercel.app/",
+      "image": "https://your-image-url.com/tictactoe-online.png",
+      "tools": ["React", "Node.js", "WebSockets"],
+      "timeline": "Oct 2023 - Nov 2023"
     }
   ],
   "skills": [