added new projects

docs/index.html

@@ -62,21 +62,32 @@ <h3 class="no-italic">Maria Rodriguez's Virtual Workspace</h3>
         <button class="modal-close">&times;</button>
         <h3>My Projects</h3>
         <div class="project-card">
-            <h4>EcoHabit Tracker</h4>
-            <h4> Swift | SwiftUI | Xcode | Core Data</h4>
-            <p>An iOS app empowering kids to develop eco-friendly habits through gamified challenges and educational tips. EcoHabit Tracker aims to inspire the next generation of eco-heroes by showing kids how small actions contribute to environmental conservation.</p>
-            <button onclick="launchProject('http://localhost:8000')">Launch Project 1</button>
+            <h4>EcoHabits: Sustainability Tracker - Mobile Application</h4>
+            <h4 style="font-style: italic;">Swift | SwiftUI | Xcode</h4>
+            <p>EcoHabits Tracker is an iOS app designed to empower children to cultivate eco-friendly habits through engaging gamified challenges and educational insights. This app inspires the next generation of eco-heroes by demonstrating how small actions can significantly impact environmental conservation.</p>
+            <button onclick="launchProject('https://github.com/mariarodr1136/EcoHabitTracker')">View GitHub Repository</button>
         </div>
+
         <div class="project-card">
-            <h4>Project 2</h4>
-            <p>Description of Project 2</p>
-            <button onclick="launchProject('http://localhost:8080')">Launch Project 2</button>
+            <h4>Micro-Investment Education Platform - Full-Stack Development</h4>
+            <h4 style="font-style: italic;">React | Node.js | Express | MongoDB | Alpha Vantage API</h4>
+            <p>The Micro-Investment Education Platform is an innovative application that empowers beginners to navigate the world of investing. By simulating micro-investments in a risk-free environment using virtual funds, users can explore various investment strategies and gain valuable insights into market dynamics without the fear of losing real money.</p>
+            <button onclick="launchProject('https://github.com/mariarodr1136/MicroInvestmentPlatform')">View GitHub Repository</button>
         </div>
+
         <div class="project-card">
-            <h4>Project 3</h4>
-            <p>Description of Project 3</p>
-            <button onclick="launchProject('http://localhost:3000')">Launch Project 3</button>
-        </div>
+            <h4>SensorSphere: IoT System - Environmental Monitor </h4>
+            <h4 style="font-style: italic;">Python | AWS (IoT Core, Lambda, S3) | Docker</h4>
+            <p>The SensorSphere IoT System is an advanced solution designed to track and analyze environmental data in real-time. Utilizing AWS services, this system collects data from sensors, processes it with AWS Lambda, and stores it securely in S3. The interactive web dashboard built with React provides users with insightful data visualizations, enhancing their understanding of environmental conditions and promoting informed decision-making.</p>
+            <button onclick="launchProject('https://github.com/mariarodr1136/SensorSphere')">View GitHub Repository</button>
+        </div>           
+
+        <div class="project-card">
+            <h4>Maria Rodriguez Portfolio - Website</h4>
+            <h4 style="font-style: italic;">JavaScript | Express | CSS | HTML </h4>
+            <p>Maria Rodriguez's Portfolio is an interactive website that mimics an old computer desktop, providing a fun and engaging experience as users navigate through draggable icons representing various applications, making it feel like a playful retro computer adventure.</p>
+            <button onclick="launchProject('https://github.com/mariarodr1136/Portfolio')">View GitHub Repository</button>
+        </div>  
     </div>
 
     <div id="modal5" class="modal">

docs/styles.css

@@ -92,7 +92,7 @@ body, html {
     background-color: lightgrey;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
     z-index: 200;
-    overflow: hidden;
+    overflow: auto;
     border-top: 4px solid rgb(168, 168, 168);
     border-left: 4px solid rgb(168, 168, 168);
     border-right: 4px solid black;