diff options
Diffstat (limited to 'src/components/Projects.jsx')
| -rw-r--r-- | src/components/Projects.jsx | 71 |
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'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'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'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> |