update with milly info

1 files changed, 46 insertions, 25 deletions

diff --git a/src/components/Projects.jsx b/src/components/Projects.jsx
index 2696c48..36cdf47 100644
--- a/src/components/Projects.jsx
+++ b/src/components/Projects.jsx
@@ -42,72 +42,93 @@ export const Projects = () => {
         <motion.div
           className="project-card"
           variants={fadeInUp}
-          whileHover={{ y: -10, transition: { duration: 0.2 } }}
+          whileHover={{ y: -10, transition: { duration: 0.2 }, cursor: "alias" }}
+          onClick={() => window.open("https://app.powerbi.com/view?r=eyJrIjoiZWVlNmI0MzUtMmVlOC00OTY4LWExODAtYzljYThjNjU5M2JkIiwidCI6ImE5ZjM5NjdkLTQwOWItNDNmNy05MjQ2LTY2YjljNTQzYTRkNSJ9", "_blank")}
+
         >
           <motion.div
             className="project-image"
-            style={{ backgroundImage: "url('/projects/ai-saas.png')" }}
-            whileHover={{ scale: 1.05, transition: { duration: 0.2 } }}
+            style={{ backgroundImage: "url('/projects/robert-de-niro-project.jpg')" }}
+            whileHover={{ scale: 1.05, transition: { duration: 0.2 }}}
           />
-          <h3> AI SaaS Platform</h3>
+          <h3>Robert De Niro: A Data-Driven Filmography</h3>
           <p>
-            A modern SaaS platform built with Next.js and OpenAI integration,
-            featuring real-time AI-powered content generation and analytics.
+            An interactive deep dive into Robert De Niro&apos;s film career through a crunching the data from Movie Database APIs. 
           </p>
           <div className="project-tech">
-            <span>Next.js</span>
-            <span>OpenAI</span>
-            <span>TailwindCSS</span>
+            <span>SQL</span>
+            <span>Python</span>
+            <span>PowerBI</span>
           </div>
         </motion.div>
 
         <motion.div
           className="project-card"
           variants={fadeInUp}
-          whileHover={{ y: -10, transition: { duration: 0.2 } }}
+          whileHover={{ y: -10, transition: { duration: 0.2 }, cursor: "alias" }}
+          onClick={() => window.open("https://github.com/millyz2023/Brown-Housing-Notification/", "_blank")}
         >
           <motion.div
             className="project-image"
             style={{
-              backgroundImage: "url('/projects/social-media.png')",
+              backgroundImage: "url('/projects/brown-housing-notifications.jpg')",
             }}
             whileHover={{ scale: 1.05 }}
             transition={{ duration: 0.2 }}
           />
-          <h3>Social Media Dashboard</h3>
+          <h3>Brown Housing Notifications</h3>
+          <p>
+            A python script that scrapes Brown University&apos;s off-campus housing website and sends notifications via email when new housing options become available.
+          </p>
+          <div className="project-tech">
+            <span>Python</span>
+            <span>RESTful APIs</span>
+            <span>SMTP</span>
+          </div>
+        </motion.div>
+
+        <motion.div
+          className="project-card"
+          variants={fadeInUp}
+          whileHover={{ y: -10, transition: { duration: 0.2 }, cursor: "alias" }}
+          onClick={() => window.open("https://github.com/millyz2023/Find-your-flight", "_blank")}
+        >
+          <motion.div
+            className="project-image"
+            style={{ backgroundImage: "url('/projects/find-your-flight.jpg')" }}
+            whileHover={{ scale: 1.05, transition: { duration: 0.2 }}}
+          />
+          <h3>Find Your Flight</h3>
           <p>
-            A comprehensive social media management dashboard with analytics,
-            scheduling, and engagement tracking features.
+            Uses the Flight Search APIs to ease the process of making a perfect travel plan.
           </p>
           <div className="project-tech">
-            <span>React</span>
-            <span>Node.js</span>
-            <span>MongoDB</span>
+            <span>Python</span>
+            <span>RESTful APIs</span>
           </div>
         </motion.div>
 
         <motion.div
           className="project-card"
           variants={fadeInUp}
-          whileHover={{ y: -10, transition: { duration: 0.2 } }}
+          whileHover={{ y: -10, transition: { duration: 0.2 }, cursor: "alias"  }}
+          onClick={() => window.open("https://app.powerbi.com/view?r=eyJrIjoiMTdmMzVlNGMtYzhkMS00OTFkLWIwYzEtZmY2ODIyYjJkOGY1IiwidCI6ImE5ZjM5NjdkLTQwOWItNDNmNy05MjQ2LTY2YjljNTQzYTRkNSJ9&pageName=b178d00c0c03a7a3409e", "_blank")}
         >
           <motion.div
             className="project-image"
             style={{
-              backgroundImage: "url('/projects/stopwatch.png')",
+              backgroundImage: "url('/projects/little-dictionary-of-fashion.jpg')",
             }}
             whileHover={{ scale: 1.05 }}
             transition={{ duration: 0.2 }}
           />
-          <h3>Productivity Timer</h3>
+          <h3>Little Dictionary of Fashion by Christian Dior</h3>
           <p>
-            A sleek productivity timer application with customizable work
-            sessions, statistics tracking, and dark mode support.
+            An interactive Power BI applet allowing for exploration of Christian Dior&apos;s fashion from the 50s.
           </p>
           <div className="project-tech">
-            <span>React</span>
-            <span>TypeScript</span>
-            <span>TailwindCSS</span>
+            <span>Python</span>
+            <span>PowerBI</span>
           </div>
         </motion.div>
       </motion.div>