add : period of project

Author: vigneshsnaik

src/components/Modal.astro

@@ -42,6 +42,11 @@ const { id, open, project } = Astro.props;
         ))
       }
     </div>
+    <p style="text-align: center;">
+      {project.period.from} -
+      {project.period.to !== project.period.from ? project.period.to : ""}
+    </p>
+
     <div class="content">
       <p>
         {project.content}
@@ -54,7 +59,6 @@ const { id, open, project } = Astro.props;
           ))
         }
       </ul>
-      <!-- <p>Last updated : {project.lastUpdated}</p> -->
     </div>
   </div>
 </div>

src/components/Projects.astro

@@ -7,7 +7,7 @@ const projects = [
       "An online compiler system with real-time data structure visualization",
     content:
       "Developing an online compiler system supporting multiple programming languages, enabling secure code execution with sandboxing. Integrating a real-time data structure visualizer to facilitate code understanding by illustrating changes in data structures such as arrays, linked lists, trees, and graphs.",
-    lastUpdated: "2024-07-01",
+    period: { from: "July 2024", to: "Present" },
     completed: false,
     links: [],
     technologies: ["React", "Node.js", "Express.js", "Docker", "CodeMirror"],
@@ -18,7 +18,7 @@ const projects = [
     description: "A simple portfolio website built using Astro framework.",
     content:
       "This webiste is built using Astro framework and deployed Github Pages. A simple static website built to showcase my projects, projects and my interests. ",
-    lastUpdated: "2023-09-14",
+    period: { from: "June 2024", to:"June 2024" },
     completed: true,
     links: [
       {
@@ -35,7 +35,7 @@ const projects = [
     description: "An automated Ambulance summoning device",
     content:
       "It is an ambulance summoning device for health emergencies. Health emergency detection using Pulse-oximeter sensor and a medical history record system. Built during Young Innovators program (K-DISC) '22 and Samsung Solve for Tomorrow '22. Used Arduino, Flutter, NodeMCU, Firebase API and sensors. It is a device that can be installed in a car and can be used to summon an ambulance in case of an emergency. It uses a heart rate sensor to detect the heart rate of the driver and if it detects a heart attack, it automatically sends a message to the nearest hospital and the ambulance is dispatched.",
-    lastUpdated: "2023-02-14",
+    period: { from: "September 2022", to: "December 2023" },
     completed: true,
     links: [],
     technologies: ["Arduino", "Flutter", "NodeMCU", "Firebase API", "Sensors"],
@@ -46,7 +46,7 @@ const projects = [
     description: "A portal for registering freshers for the college",
     content:
       "A portal for registering freshers for the college. Built using MERN stack. It is a portal for registering freshers for the college. It has a login system for the admin and the students. The admin can add, delete and update the students. The students can register themselves and download the registration and declaration forms as a PDF file after registration.",
-    lastUpdated: "2023-08-13",
+    period: { from: "August 2023", to: "August 2023" },
     completed: true,
     links: [{ title: "website", url: "http://register.mec.ac.in/" }],
     technologies: ["React", "NodeJS", "ExpressJS", "MongoDB", "Bootstrap"],
@@ -58,7 +58,7 @@ const projects = [
       "An application for tokenizing physical assets and trading them",
     content:
       "An application for tokenizing physical assets and trading them. It is an application for tokenizing physical assets and trading them. It has a login system for the admin and the users. The admin can add, delete and update the assets. The users can buy and sell the assets. The Government can view the assets and the transactions, helping them to keep track of the assets as well as detecting tax evasions.",
-    lastUpdated: "2023-09-14",
+    period: { from: "September 2023", to: "April 2024" },
     completed: true,
     links: [
       {
@@ -90,7 +90,7 @@ const projects = [
       "A fintech app that tracks your expenses and helps to plan your budget",
     content:
       "This comprehensive fintech app simplifies the path to financial success for people of all ages. It acknowledges the unique challenges faced by today's youth and provides a user-friendly platform for setting and achieving their financial requirements. Users can easily input their desired financial objectives, prioritise them, and share details about their monthly income or allowances. With this app, we empower individuals to take control of their financial future, just as older generations plan for their retirement built during 24 hour hackathon Mechack '23",
-    lastUpdated: "2023-09-25",
+    period: { from: "October 2023", to: "October 2023" },
     completed: true,
     links: [
       {