From e510f1848cf5ea37400c89cde66c9c54a990d3ef Mon Sep 17 00:00:00 2001 From: sotech117 Date: Thu, 28 Aug 2025 00:45:08 -0400 Subject: update with milly info --- package-lock.json | 14 ++--- public/projects/ai-saas.png | Bin 505169 -> 0 bytes public/projects/brown-housing-notifications.jpg | Bin 0 -> 219343 bytes public/projects/find-your-flight.jpg | Bin 0 -> 292389 bytes public/projects/little-dictionary-of-fashion.jpg | Bin 0 -> 316426 bytes public/projects/robert-de-niro-project.jpg | Bin 0 -> 346997 bytes public/projects/social-media.png | Bin 455708 -> 0 bytes public/projects/stopwatch.png | Bin 203047 -> 0 bytes src/App.jsx | 2 +- src/components/Contact.jsx | 8 --- src/components/Hero.jsx | 44 +++++++------- src/components/Projects.jsx | 71 +++++++++++++++-------- 12 files changed, 74 insertions(+), 65 deletions(-) delete mode 100644 public/projects/ai-saas.png create mode 100644 public/projects/brown-housing-notifications.jpg create mode 100644 public/projects/find-your-flight.jpg create mode 100644 public/projects/little-dictionary-of-fashion.jpg create mode 100644 public/projects/robert-de-niro-project.jpg delete mode 100644 public/projects/social-media.png delete mode 100644 public/projects/stopwatch.png diff --git a/package-lock.json b/package-lock.json index a521612..7013e65 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1583,9 +1583,9 @@ "license": "MIT" }, "node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, "license": "MIT", "dependencies": { @@ -4139,16 +4139,16 @@ } }, "node_modules/react-syntax-highlighter": { - "version": "15.6.1", - "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-15.6.1.tgz", - "integrity": "sha512-OqJ2/vL7lEeV5zTJyG7kmARppUjiB9h9udl4qHQjjgEos66z00Ia0OckwYfRxCSFrW8RJIBnsBwQsHZbVPspqg==", + "version": "15.6.6", + "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-15.6.6.tgz", + "integrity": "sha512-DgXrc+AZF47+HvAPEmn7Ua/1p10jNoVZVI/LoPiYdtY+OM+/nG5yefLHKJwdKqY1adMuHFbeyBaG9j64ML7vTw==", "license": "MIT", "dependencies": { "@babel/runtime": "^7.3.1", "highlight.js": "^10.4.1", "highlightjs-vue": "^1.0.0", "lowlight": "^1.17.0", - "prismjs": "^1.27.0", + "prismjs": "^1.30.0", "refractor": "^3.6.0" }, "peerDependencies": { diff --git a/public/projects/ai-saas.png b/public/projects/ai-saas.png deleted file mode 100644 index 9230601..0000000 Binary files a/public/projects/ai-saas.png and /dev/null differ diff --git a/public/projects/brown-housing-notifications.jpg b/public/projects/brown-housing-notifications.jpg new file mode 100644 index 0000000..52e7d95 Binary files /dev/null and b/public/projects/brown-housing-notifications.jpg differ diff --git a/public/projects/find-your-flight.jpg b/public/projects/find-your-flight.jpg new file mode 100644 index 0000000..c5ad343 Binary files /dev/null and b/public/projects/find-your-flight.jpg differ diff --git a/public/projects/little-dictionary-of-fashion.jpg b/public/projects/little-dictionary-of-fashion.jpg new file mode 100644 index 0000000..813b843 Binary files /dev/null and b/public/projects/little-dictionary-of-fashion.jpg differ diff --git a/public/projects/robert-de-niro-project.jpg b/public/projects/robert-de-niro-project.jpg new file mode 100644 index 0000000..3d32cbc Binary files /dev/null and b/public/projects/robert-de-niro-project.jpg differ diff --git a/public/projects/social-media.png b/public/projects/social-media.png deleted file mode 100644 index 777c17c..0000000 Binary files a/public/projects/social-media.png and /dev/null differ diff --git a/public/projects/stopwatch.png b/public/projects/stopwatch.png deleted file mode 100644 index d9af5f5..0000000 Binary files a/public/projects/stopwatch.png and /dev/null differ diff --git a/src/App.jsx b/src/App.jsx index 44f7866..c3e9f01 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -30,7 +30,7 @@ function App() { viewport={{ once: true }} transition={{ duration: 0.6 }} > -

© 2025 PedroTech. All rights reserved.

+

© 2025 Meiling Zhao

); diff --git a/src/components/Contact.jsx b/src/components/Contact.jsx index af982e1..4012f18 100644 --- a/src/components/Contact.jsx +++ b/src/components/Contact.jsx @@ -8,14 +8,6 @@ const fadeInUp = { transition: { duration: 0.6 }, }; -const staggerContainer = { - animate: { - transition: { - staggerChildren: 0.1, - }, - }, -}; - export const Contact = () => { const [formData, setFormData] = useState({ name: "", diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index d3a3b71..586e5be 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -33,23 +33,22 @@ export const Hero = () => { animate="animate" > - πŸ‘‹ Hello, I'm + πŸ‘‹ Hello, I'm - PedroTech + MillyZ {" "} - Creative Developer & Designer + Data Analyst & App Developer - I craft beautiful digital experiences that combine stunning design - with powerful functionality. Specializing in modern web applications - and interactive user interfaces. + I analyze data to extract meaningful insights and drive business + decisions. Proficient in Python and data visualization tools like PowerBI. @@ -72,14 +71,11 @@ export const Hero = () => { - - - - + - - + + @@ -104,23 +100,23 @@ export const Hero = () => { }} style={vscDarkPlus} > - {`const aboutMe: DeveloperProfile = { - codename: "PedroTech", - origin: "🌍 Somewhere between a coffee shop and a terminal", - role: "Fullstack Web Sorcerer", + {`const aboutMe: Profile = { + username: "MillicentZhao", + location: "Beijing, CN πŸ‡¨πŸ‡³ -> Providence, RI πŸ‡ΊπŸ‡Έ", + role: "Data Explorer and Flutter Developer", stack: { - languages: ["JavaScript", "TypeScript", "SQL"], - frameworks: ["React", "Next.js", "TailwindCSS", "Supabase"], + languages: ["SQL", "Python", "Dart"], + frameworks: ["PowerBI", "Flutter"], }, traits: [ - "pixel-perfectionist", - "API whisperer", - "dark mode advocate", - "terminal aesthetic enthusiast", + "enthusiastically curious", + "critical thinker", + "energentically outgoing", + "creative sketcher", ], missionStatement: - "Turning ideas into interfaces and bugs into feature", - availability: "Available for hire", + "Learn from data. Always keep creating!" + };`} 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 = () => { window.open("https://app.powerbi.com/view?r=eyJrIjoiZWVlNmI0MzUtMmVlOC00OTY4LWExODAtYzljYThjNjU5M2JkIiwidCI6ImE5ZjM5NjdkLTQwOWItNDNmNy05MjQ2LTY2YjljNTQzYTRkNSJ9", "_blank")} + > -

AI SaaS Platform

+

Robert De Niro: A Data-Driven Filmography

- 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.

- Next.js - OpenAI - TailwindCSS + SQL + Python + PowerBI
window.open("https://github.com/millyz2023/Brown-Housing-Notification/", "_blank")} > -

Social Media Dashboard

+

Brown Housing Notifications

+

+ A python script that scrapes Brown University's off-campus housing website and sends notifications via email when new housing options become available. +

+
+ Python + RESTful APIs + SMTP +
+ + + window.open("https://github.com/millyz2023/Find-your-flight", "_blank")} + > + +

Find Your Flight

- 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.

- React - Node.js - MongoDB + Python + RESTful APIs
window.open("https://app.powerbi.com/view?r=eyJrIjoiMTdmMzVlNGMtYzhkMS00OTFkLWIwYzEtZmY2ODIyYjJkOGY1IiwidCI6ImE5ZjM5NjdkLTQwOWItNDNmNy05MjQ2LTY2YjljNTQzYTRkNSJ9&pageName=b178d00c0c03a7a3409e", "_blank")} > -

Productivity Timer

+

Little Dictionary of Fashion by Christian Dior

- 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.

- React - TypeScript - TailwindCSS + Python + PowerBI
-- cgit v1.2.3-70-g09d2