Added project 2

Author: Ronan-R-R

index.html

@@ -766,19 +766,32 @@ <h3>Mobile App Prototype</h3>
                     </div>
                 </div>
 
-                <!-- Project 2 -->
+                <!-- Project 2: SkyCast Weather -->
                 <div class="project-card">
                     <div class="project-image">
-                        <i class="fa-solid fa-chart-simple"></i>
+                        <!-- Weather Icon -->
+                        <i class="fa-solid fa-cloud-bolt"></i>
                     </div>
                     <div class="project-info">
-                        <h3>Empty Card</h3>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit recusandae in assumenda qui neque esse.</p>
+                        <h3>SkyCast Dashboard</h3>
+                        <p>A responsive weather application featuring real-time data, interactive Leaflet maps, and dynamic UI themes that change based on live weather conditions.</p>
+                        
                         <div class="stack-list">
-                            <span class="stack-item">React</span>
+                            <!-- Custom colored tags for JS and API -->
+                            <span class="stack-item" style="background: rgba(247, 223, 30, 0.1); color: #f7df1e;">JavaScript</span>
+                            <span class="stack-item" style="background: rgba(56, 189, 248, 0.15); color: #38bdf8;">OpenWeather API</span>
+                            <span class="stack-item">Leaflet.js</span>
                         </div>
+                        
                         <div class="project-links">
-                            <a href="https://github.com/Ronan-R-R" target="_blank"><i class="fa-brands fa-github"></i> View Code</a>
+                            <!-- Link to the Live Website -->
+                            <a href="https://ronan-r-r.github.io/SkyCast/" target="_blank" style="margin-right: 15px;">
+                                <i class="fa-solid fa-globe"></i> Live Demo
+                            </a>
+                            <!-- Link to the Repository -->
+                            <a href="https://github.com/Ronan-R-R/SkyCast" target="_blank">
+                                <i class="fa-brands fa-github"></i> Code
+                            </a>
                         </div>
                     </div>
                 </div>
@@ -981,4 +994,4 @@ <h4>Location</h4>
         });
     </script>
 </body>
-</html>
+</html>