-
Notifications
You must be signed in to change notification settings - Fork 0
/
experience.d321c11330238a919295.js
1 lines (1 loc) · 11.3 KB
/
experience.d321c11330238a919295.js
1
"use strict";(self.webpackChunkmy_webpage_revamped=self.webpackChunkmy_webpage_revamped||[]).push([[417],{2017:function(e,n,t){t.d(n,{Z:function(){return r},C:function(){return o}});var r,i=t(4288),a=t(682),s=t(5893);function o(e){var n=e.quoteText,t=e.quoteOrigin,o=e.variant;return(void 0===o?r.LIGHT:o)===r.DARK?(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(i.E.h1,{className:"hy39YanyJ0IMDI6NVHo5",children:n}),(0,s.jsxs)(i.E.h4,{className:"uypnRjipORL4cp4c4s8q",children:["– ",t]})]}):(0,s.jsxs)(a.Z,{children:[(0,s.jsx)(i.E.h1,{className:"e8oU63sIMDs3PHz259Tb",children:n}),(0,s.jsxs)(i.E.h4,{className:"hTXSJbzcMlmwECg4t4wN",children:["– ",t]})]})}!function(e){e[e.DARK=0]="DARK",e[e.LIGHT=1]="LIGHT"}(r||(r={}))},9437:function(e,n,t){t.d(n,{Z:function(){return m}});var r=t(655),i=t(4394),a=t(7107),s=t(7547);function o(){var e=!1,n=[],t=new Set,o={subscribe:function(e){return t.add(e),function(){t.delete(e)}},start:function(r,i){if(e){var s=[];return t.forEach((function(e){s.push((0,a.d5)(e,r,{transitionOverride:i}))})),Promise.all(s)}return new Promise((function(e){n.push({animation:[r,i],resolve:e})}))},set:function(n){return(0,i.k)(e,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),t.forEach((function(e){(0,s.gg)(e,n)}))},stop:function(){t.forEach((function(e){(0,a.p_)(e)}))},mount:function(){return e=!0,n.forEach((function(e){var n=e.animation,t=e.resolve;o.start.apply(o,(0,r.ev)([],(0,r.CR)(n),!1)).then(t)})),function(){e=!1,o.stop()}}};return o}var c=t(7294),l=t(6681);function u(){var e=(0,l.h)(o);return(0,c.useEffect)(e.mount,[]),e}var d=t(4288),f=t(5893);function m(e){var n=e.iconSvg,t=e.altText,r=e.height,i=e.width,a=e.previousPositionFromParent,s=e.iconRef,o=e.className,l=(0,c.useRef)(null),m=u(),h=a||(l.current?{top:l.current.offsetTop,left:l.current.offsetLeft}:null);return(0,c.useEffect)((function(){function e(){l.current&&m.set({top:l.current.offsetTop,left:l.current.offsetLeft})}return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),(0,c.useEffect)((function(){var e={top:l.current.offsetTop,left:l.current.offsetLeft};null!==h?(m.set(h),m.start(e)):m.set(e)})),(0,f.jsx)("div",{ref:function(e){s&&(s.current=e),l.current=e},style:{height:r,width:i},className:o,children:(0,f.jsx)(d.E.img,{src:n,alt:t+" Icon",style:{position:"absolute",height:r,width:i},animate:m,transition:{type:"spring",duration:.44},className:o})})}},7766:function(e,n,t){var r=t(745),i=t(7294),a=t(682),s=t(4051),o=t(1555),c=t(172),l=t.p+"32458e8ea01881dddaa6.jpg",u=t(2017),d=t(9975),f=t(9570),m=JSON.parse('["Distinction in Computer Science Focus Area","Dean\'s List 2022/2023 Semester 2, National University of Singapore, School of Computing","Dean\'s List 2021/2022 Semester 2, National University of Singapore, School of Computing","Dean\'s List 2021/2022 Semester 1, National University of Singapore, School of Computing","4 Distinctions at GCE A-Levels","8 Distinctions at GCE O-Levels"]'),h=t(5378),p=t(5893),j=(0,i.forwardRef)((function(e,n){return(0,p.jsxs)(a.Z,{ref:n,children:[(0,p.jsx)(h.Z,{title:"Achievements"}),(0,p.jsx)(a.Z,{children:(0,p.jsx)(s.Z,{children:(0,p.jsx)(o.Z,{children:(0,p.jsx)("ul",{className:"achievements-list",children:m.map((function(e){return(0,p.jsx)("li",{children:e},e)}))})})})})]})}));j.displayName="AchievementSubPage";var x=j,y=t(9312),v=t(355),g=JSON.parse('[{"Title":"Tutor","Company":"Self-Employed","Duration":"Dec 2017 - Present","Summary":["Started providing Secondary School English, Sciences and Humanities subjects from 2017","Currently providing private computing tuition for both University courses and Pre- University Computer Science"]},{"Title":"Software Engineer Intern","Company":"Singapore E-Business Pte. Ltd.","Duration":"May 2021 - Jul 2021","Summary":["Worked on Spring Boot project for a direct debit authorization service, with MySQL supporting database integrated using Hibernate object relation mapper.","Learnt to develop process flows for conceptualising implementation of payment services such as cross border payments"]},{"Title":"Software Engineer Intern","Company":"Shopee Pte. Ltd.","Duration":"May 2022 - July 2022","Summary":["Frontend Software Developer in Paid Ads team","Developed React pages in Typescript as part of the latest major Paid-Ads project","Libraries used in development: React, Vue.js","Gained experience in manually configuring code bundler (Webpack) to set up critical features like transpiling typescript, code-splitting, uglification etc"]},{"Title":"Software Engineer Intern","Company":"Visa Worldwide Pte. Ltd.","Duration":"May 2023 - July 2023","Summary":["Interned in Visa Direct team of Commercial and Money Movement Solutions (CMS)","Developed a web application to create, manage and monitor automated tests on the projects under the Visa Direct team, utilizing Next.js for frontend and Spring Boot for the backend.","Gathered user requirements from team and designed project from scratch, which included the supporting Oracle database and REST API endpoints for frontend-backend communication.","Presented fully functional first iteration of the project to senior management near internship-end and handed off project to full-timers as a lasting internal project in the Visa Direct team."]}]').reverse(),b=(0,i.forwardRef)((function(e,n){return(0,p.jsxs)(a.Z,{ref:n,children:[(0,p.jsx)(h.Z,{title:"Career Experience"}),g.map((function(e){return(0,p.jsxs)(a.Z,{children:[(0,p.jsxs)(s.Z,{className:"gx-2 justify-content-between",children:[(0,p.jsx)(o.Z,{className:"col-12 col-md-8 d-flex",children:(0,p.jsx)("h5",{className:"fw-bold",children:e.Title+", "+e.Company})}),(0,p.jsx)(o.Z,{className:"col-auto",children:(0,p.jsx)("h6",{children:e.Duration})})]}),(0,p.jsx)(s.Z,{children:(0,p.jsx)(o.Z,{children:(0,p.jsx)("ul",{className:"career-summary-list",children:e.Summary.map((function(e){return(0,p.jsx)("li",{children:e},e)}))})})})]},e.Company)}))]})}));b.displayName="CareerExperienceSubpage";var w=b,S=t(4184),N=t.n(S),Z=t(6792),E=t(4680),C=t(9602);const I=i.forwardRef((({bsPrefix:e,className:n,variant:t,as:r="img",...i},a)=>{const s=(0,Z.vE)(e,"card-img");return(0,p.jsx)(r,{ref:a,className:N()(t?`${s}-${t}`:s,n),...i})}));I.displayName="CardImg";var R=I,T=t(9059);const P=i.forwardRef((({bsPrefix:e,className:n,as:t="div",...r},a)=>{const s=(0,Z.vE)(e,"card-header"),o=(0,i.useMemo)((()=>({cardHeaderBsPrefix:s})),[s]);return(0,p.jsx)(T.Z.Provider,{value:o,children:(0,p.jsx)(t,{ref:a,...r,className:N()(n,s)})})}));P.displayName="CardHeader";var D=P;const L=(0,C.Z)("h5"),A=(0,C.Z)("h6"),k=(0,E.Z)("card-body"),O=(0,E.Z)("card-title",{Component:L}),H=(0,E.Z)("card-subtitle",{Component:A}),M=(0,E.Z)("card-link",{Component:"a"}),G=(0,E.Z)("card-text",{Component:"p"}),J=(0,E.Z)("card-footer"),$=(0,E.Z)("card-img-overlay"),q=i.forwardRef((({bsPrefix:e,className:n,bg:t,text:r,border:i,body:a,children:s,as:o="div",...c},l)=>{const u=(0,Z.vE)(e,"card");return(0,p.jsx)(o,{ref:l,...c,className:N()(n,u,t&&`bg-${t}`,r&&`text-${r}`,i&&`border-${i}`),children:a?(0,p.jsx)(k,{children:s}):s})}));q.displayName="Card",q.defaultProps={body:!1};var z=Object.assign(q,{Img:R,Title:O,Subtitle:H,Body:k,Link:M,Text:G,Header:D,Footer:J,ImgOverlay:$}),B=t(9437);function U(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a=[],s=!0,o=!1;try{for(t=t.call(e);!(s=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);s=!0);}catch(e){o=!0,i=e}finally{try{s||null==t.return||t.return()}finally{if(o)throw i}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var K=(0,i.forwardRef)((function(e,n){var t=U((0,i.useState)(80),2),r=t[0],c=t[1],l=U((0,i.useState)(80),2),u=l[0],d=l[1];function f(){window.innerWidth>=992?(c(100),d(100)):(c(80),d(80))}return(0,i.useEffect)((function(){return f(),window.addEventListener("resize",f),function(){return window.removeEventListener("resize",f)}}),[]),(0,p.jsxs)(a.Z,{ref:n,children:[(0,p.jsx)(h.Z,{title:"Projects",isHiddenOnPhone:!0}),(0,p.jsx)(s.Z,{className:"justify-content-end pt-2",children:(0,p.jsxs)(o.Z,{className:"d-flex flex-column justify-content-center",children:[(0,p.jsx)("h2",{children:"A Short Write-Up."}),(0,p.jsx)("hr",{className:"mt-0 mb-2"}),(0,p.jsx)("p",{children:"I've always been interested in electronic projects from a young age, and programming projects extend nicely from there. I'm always keen to try out new technologies, and see what I can build from them. Every technical project involves problem solving - which I enjoy. As a person with interests in many things technology, I have a varied array of projects under my belt - not just limited to software development. So here's just a collection of projects I would like to share."})]})}),(0,p.jsx)(s.Z,{className:"",children:y.q.map((function(e){return(0,p.jsx)(o.Z,{className:"d-flex g-3 col-12 col-lg-6",children:(0,p.jsxs)(z,{className:"w-100",children:[(0,p.jsx)(z.Header,{children:(0,p.jsx)(a.Z,{fluid:!0,className:"p-0",children:(0,p.jsxs)(s.Z,{children:[(0,p.jsx)(o.Z,{className:"col-auto",children:(0,p.jsx)(B.Z,{iconSvg:e.icon,height:r,width:u,altText:"".concat(e)})}),(0,p.jsx)(o.Z,{className:"d-flex align-items-center justify-content-center",children:(0,p.jsx)("h3",{className:"fw-bold text-center",children:e.title})})]})})}),(0,p.jsxs)(z.Body,{children:[(0,p.jsx)(z.Title,{className:"fw-bold mb-3",children:e.subtitle}),(0,p.jsx)("ul",{className:"text-start",children:e.summary.map((function(e){return(0,p.jsx)("li",{children:e},e)}))}),e.repository&&(0,p.jsx)(z.Link,{target:"_blank",rel:"noopener noreferrer",href:e.repository,children:"Repository"}),(0,p.jsx)("div",{className:"py-1",children:(0,p.jsx)("hr",{className:"w-25 mx-auto"})}),(0,p.jsx)("h5",{children:"Description"}),(0,p.jsx)(z.Text,{children:e.description})]})]})},e.title)}))})]})}));K.displayName="ProjectsSubpage";var _=K,F=t(7241),W=c.K.G,X=c.K.R;function Q(){var e=(0,i.useRef)(null),n=(0,v.Z)(y.qP),t=(0,i.useRef)(null);return(0,p.jsxs)("div",{children:[(0,p.jsx)(F.Z,{ref:e}),(0,p.jsxs)(a.Z,{fluid:!0,className:"h-100 p-0 knowledge",children:[(0,p.jsx)(f.Z,{mainNavbarRef:e,subNavbarRef:t,pageSections:n.current}),(0,p.jsx)(d.Z,{backgroundImage:l,children:(0,p.jsx)(a.Z,{children:(0,p.jsx)(s.Z,{className:"justify-content-center",children:(0,p.jsx)(o.Z,{className:"col-md-6",children:(0,p.jsx)(u.C,{quoteText:W,quoteOrigin:X,variant:u.Z.DARK})})})})}),(0,p.jsx)(w,{ref:n.current[y.t$.CAREER_EXPERIENCE].ref}),(0,p.jsx)(x,{ref:n.current[y.t$.ACHIEVEMENTS].ref}),(0,p.jsx)(_,{ref:n.current[y.t$.PROJECTS].ref})]})]})}r.hydrateRoot(document.getElementById("root"),(0,p.jsx)(Q,{}))},172:function(e){e.exports=JSON.parse('{"H":{"G":"The noblest pleasure is the joy of understanding.","R":"Leonardo da Vinci"},"K":{"G":"Tell me and I forget. Teach me and I remember. Involve me and I learn.","R":"Benjamin Franklin"}}')}},function(e){e.O(0,[52,760],(function(){return 7766,e(e.s=7766)})),e.O()}]);