\n
\n )}\n {`Header inside viewport ${inView}.`}
\nPlain children are always rendered. Use onChange to monitor state.
\n\n *
\n * );\n * };\n * ```\n */\nexport function useInView({\n threshold,\n delay,\n trackVisibility,\n rootMargin,\n root,\n triggerOnce,\n skip,\n initialInView,\n fallbackInView,\n}: IntersectionOptions = {}): InViewHookResponse {\n const unobserve = React.useRef{`Header inside viewport ${inView}.`}
\n *\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Header;\r\n","import React from \"react\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nconst banner = {\r\n animate: { transition: {\r\n delayChildren: 0.2,\r\n staggerChildren: 0.1,\r\n }}\r\n}\r\n\r\nconst letterAnimate = {\r\n initial: {\r\n y: 400\r\n },\r\n animate: {\r\n y: 0,\r\n transition: {\r\n ease: [0.6, 0.01, 0.05, 0.95],\r\n duration: 1,\r\n },\r\n },\r\n};\r\n\r\nconst Banner = () => {\r\n\r\n return (\r\n \r\n \r\n
\r\n - \r\n {['Home', 'Work', 'Project'].map((item) => (\r\n
- \r\n \r\n
\r\n {\r\n e.preventDefault();\r\n handleScrollTo('Contact');\r\n }}\r\n >\r\n Get in touch\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst BannerRowBottom = ({ title }) => {\r\n return (\r\n \r\n \r\n \r\n I am a passionate problem solver with a natural curiosity for knowledge.\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n scroll
down\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Banner;\r\n","import React from \"react\";\r\n\r\nconst Image = ({ src, fallback, type = \"image/webp\", alt }) => {\r\n return (\r\n down\r\n
\r\n What I have built\r\n
\r\nProjects
\r\n\r\n {projects.map((project, index) => (\r\n openProjectInNewTab(project.imgNewTab)}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n 
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Project;\r\n","import React from 'react'\nimport { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component'\nimport { motion } from 'framer-motion'\n\nimport 'react-vertical-timeline-component/style.min.css'\n\nconst experiences = [\n {\n title: \"Cyber Application Security Intern\",\n company_name: \"Deloitte (Singapore)\",\n imgUrl: `${process.env.PUBLIC_URL}/images/company4.png`,\n iconBg: \"#383E56\",\n date: \"May 2023 - Jul 2023\",\n points: [\n \"Drafted technical engagement proposal letters, effectively communicating, and presenting technical challenges and solutions to clients\",\n \"Automated the extraction and integration of SAP data into Power BI. Achieved a 25% operational efficiency gain, measured by a 40% reduction in data processing time, resulting in enhanced reporting capabilities and deeper insights.\",\n \"Utilized Jira for issue tracking and project management, ensuring efficient coordination and streamlined workflows across teams.\",\n ],\n },\n {\n title: \"IT Operations Engineer\",\n company_name: \"Kyndryl (Singapore)\",\n imgUrl: `${process.env.PUBLIC_URL}/images/company3.png`,\n iconBg: \"#E6DEDD\",\n date: \"May 2022 - Aug 2022\",\n points: [\n \"Specialized in providing technical support and maintenance. Deployed, cloned hardware change operations for healthcare technology solutions for thousands of devices for supporting end users.\",\n \"Utilized task scheduler and batch scripting to automate routine tasks, enhancing operational. Achieved a 20% process optimization as measured by reducing processing time by 45 mins daily.\",\n \"Additional learning: Learn about TCP/IP networking fundamentals in internet service architectures (load balancing, CDNs).\",\n ],\n },\n {\n title: \"IT Assistant\",\n company_name: \"Central Provident Fund Board (Singapore)\",\n imgUrl: `${process.env.PUBLIC_URL}/images/company2.png`,\n iconBg: \"#383E56\",\n date: \"Jun 2019 - Aug 2019\",\n points: [\n \"Collaborated cross-functionally to curate and integrate hundreds of new variables into the organization's data dictionary, strategically paved way for future policy implementations.\",\n \"Cultivated professional relationships with 10+ clients, adeptly discussed the nature of variables and guiding optimal utilization within the data compliance context.\",\n \"Displayed utmost discretion and responsibility in the secure handling and safeguarding of classified information, adhering to the highest standards of confidentiality.\",\n ],\n },\n {\n title: \"Software Engineer\",\n company_name: \"Ngee Ann Polytechnic (Singapore)\",\n imgUrl: `${process.env.PUBLIC_URL}/images/company1.png`,\n iconBg: \"#E6DEDD\",\n date: \"Mar 2019 - May 2019\",\n points: [\n \"Team lead for the development of an autonomous concierge cum security robot in collaboration with Tan Tock Seng Hospital for my final year project.\",\n \"The robot, activated by voice command, navigates predefined points, enhancing security and directional guidance within the hospital\",\n \"Contributed to creating new messages in packages, utilizing CMakeList.txt. Project achievements include improved hospital security, streamlined visitor guidance for 1000+ weekly visitors, and potential applications in various settings.\",\n ],\n },\n];\n\nconst textVariant = (delay) => {\n return {\n hidden: {\n y: -50,\n opacity: 0,\n },\n show: {\n y: 0,\n opacity: 1,\n transition: {\n type: \"spring\",\n duration: 1.25,\n delay: delay,\n },\n },\n };\n};\n\nconst WorkCard = ({ experience }) => (\n \r\n \r\n {project.title}\r\n
\r\n\r\n {project.description}\r\n
\r\n \r\n ))}\r\n
\n \n }>\n \n
\n\n \n {experience.title}\n
\n\n {experience.company_name}\n
\n- \n {experience.points.map((point,index) => (\n
- \n {point}\n \n ))}\n
\n What I have done so far\n
\nWork experiences
\n\n \n {experiences.map((experience, index) =>\n \n )}\n \n
\n \n )\n}\n\nexport default Work;","export const store = {\n _origin: 'https://api.emailjs.com',\n};\n","export const validateParams = (publicKey, serviceID, templateID) => {\n if (!publicKey) {\n throw 'The public key is required. Visit https://dashboard.emailjs.com/admin/account';\n }\n if (!serviceID) {\n throw 'The service ID is required. Visit https://dashboard.emailjs.com/admin';\n }\n if (!templateID) {\n throw 'The template ID is required. Visit https://dashboard.emailjs.com/admin/templates';\n }\n return true;\n};\n","export class EmailJSResponseStatus {\n constructor(httpResponse) {\n this.status = httpResponse ? httpResponse.status : 0;\n this.text = httpResponse ? httpResponse.responseText : 'Network Error';\n }\n}\n","import { EmailJSResponseStatus } from '../models/EmailJSResponseStatus';\nimport { store } from '../store/store';\nexport const sendPost = (url, data, headers = {}) => {\n return new Promise((resolve, reject) => {\n const xhr = new XMLHttpRequest();\n xhr.addEventListener('load', ({ target }) => {\n const responseStatus = new EmailJSResponseStatus(target);\n if (responseStatus.status === 200 || responseStatus.text === 'OK') {\n resolve(responseStatus);\n }\n else {\n reject(responseStatus);\n }\n });\n xhr.addEventListener('error', ({ target }) => {\n reject(new EmailJSResponseStatus(target));\n });\n xhr.open('POST', store._origin + url, true);\n Object.keys(headers).forEach((key) => {\n xhr.setRequestHeader(key, headers[key]);\n });\n xhr.send(data);\n });\n};\n","import { init } from './methods/init/init';\nimport { send } from './methods/send/send';\nimport { sendForm } from './methods/sendForm/sendForm';\nexport { init, send, sendForm };\nexport default {\n init,\n send,\n sendForm,\n};\n","import { store } from '../../store/store';\nimport { validateParams } from '../../utils/validateParams';\nimport { sendPost } from '../../api/sendPost';\n/**\n * Send a template to the specific EmailJS service\n * @param {string} serviceID - the EmailJS service ID\n * @param {string} templateID - the EmailJS template ID\n * @param {object} templatePrams - the template params, what will be set to the EmailJS template\n * @param {string} publicKey - the EmailJS public key\n * @returns {Promise\n \n \n
\n )\n}\n\nexport default Contact;","import { useEffect, useState } from \"react\";\r\nimport React from \"react\";\r\nimport { motion } from \"framer-motion\"\r\nimport { Link } from 'react-scroll';\r\n\r\nconst Footer = () => {\r\n \r\n const [showScrollButton, setShowScrollButton] = useState(false);\r\n\r\n useEffect(() => {\r\n const handleScroll = () => {\r\n if (window.scrollY > 1000) {\r\n setShowScrollButton(true);\r\n } else {\r\n setShowScrollButton(false);\r\n }\r\n };\r\n window.addEventListener(\"scroll\", handleScroll);\r\n\r\n // Clean up the event listener on component unmount\r\n return () => {\r\n window.removeEventListener(\"scroll\", handleScroll);\r\n };\r\n });\r\n\r\n const handleScrollToTop = () => {\r\n window.scrollTo({\r\n top: 0, \r\n behavior: \"smooth\"\r\n });\r\n };\r\n\r\n return (\r\n \n
\n \n
\n Get in touch
\nContact.
\n \n\r\n
\r\n I am a penultimate student at the National University of Singapore completing my undergraduate \r\n degree in information systems. I am a passionate problem solver with a natural curiosity for knowledge.\r\n
\r\n My zeal for innovation and eagerness to learn has led me to work on a variety of software development \r\n projects, where I have developed my technical skills and earned significant experience working in a \r\n team atmosphere. I am excited to use my technical talents and creativity to assist organizations in \r\n developing cutting-edge solutions that foster their growth and success. \r\n
\r\n Feel free to connect with me or contact me at yeoweihan@u.nus.edu\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n handleMouseEnter(item)} \r\n custom={item} \r\n variants={slide} \r\n initial=\"initial\" \r\n animate=\"enter\" \r\n exit=\"exit\">\r\n \r\n \r\n\r\n {\r\n e.preventDefault();\r\n handleScrollTo(item);\r\n }}>\r\n {item}\r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n\r\n {menuItems.map((item) => (\r\n Menu
\r\n