1(this["webpackJsonppersonal-web"]=this["webpackJsonppersonal-web"]||[]).push([[0],{279:function(e,t,n){"use strict";n.r(t);var a,o,i,s=n(3),l=n.n(s),r=n(42),c=n.n(r),d=(n(95),n(8)),b=n(6),h=b.default.section(a||(a=Object(d.a)(["\n overflow: hidden;\n color: #616161;\n"]))),p=b.default.div(o||(o=Object(d.a)(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: underline;\n font-weight: 700;\n\n padding: 100px 0;\n\n font-size: 42px;\n line-height: 48px;\n"]))),g=n(299),j=n(290),m=n(291),f=n(292),x=n(294),u=n(295),y=n(296),O=n(297),v=n(293),w=n(298),k=n(0),C=Object(j.a)((function(){return{oppositeContent:{flex:0,padding:"3px 5px 5px 5px",minWidth:"80px",fontFamily:"Raleway"},item:{padding:"0"},content:{fontFamily:"Raleway",color:"#616161",padding:"0 10px 0 10px"}}}));var S,D,A=b.default.img(i||(i=Object(d.a)(["\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: 'block';\n"]))),z=function(e){var t=e.startDate,n=e.endDate,a=e.title,o=e.companyName,i=e.imageUrl,s=e.description,l=C();return Object(k.jsxs)(m.a,{className:l.item,children:[" ",Object(k.jsx)(f.a,{className:l.oppositeContent,children:Object(k.jsxs)(v.a,{variant:"body2",color:"textSecondary",children:["~ ",n,Object(k.jsx)("br",{}),t]})}),Object(k.jsxs)(x.a,{children:[Object(k.jsx)(u.a,{className:l.item,children:Object(k.jsx)(A,{src:i})}),Object(k.jsx)(y.a,{})]}),Object(k.jsx)(O.a,{children:Object(k.jsxs)(w.a,{elevation:3,children:[Object(k.jsx)(v.a,{variant:"h6",component:"h2",className:l.content,children:a}),Object(k.jsx)(v.a,{variant:"subtitle1",component:"h2",className:l.content,children:o}),Object(k.jsx)(v.a,{variant:"body2",className:l.content,children:s.map((function(e,t){return Object(k.jsxs)("span",{children:[e,Object(k.jsx)("br",{})]},t)}))})]})})]})},F=[{key:0,startDate:"8/2021",endDate:"Present",title:"Information Technology Associate",companyName:"The Tenzer Technology Center",imageUrl:"images/depauw-logo.png",description:["-"]},{key:1,startDate:"5/2021",endDate:"8/2021",title:"Software Engineer Intern",companyName:"The Tenzer Technology Center",imageUrl:"images/depauw-logo.png",description:["Set up the AWS environment to manage student website hosting","Implemented policies for IAM Users, S3, and EC2 to manage user permissions on the AWS resources.","Documented the process of building the environment and the ways to deploy frontend and backend application on AWS platform to help students understand the cloud platform.","- Technologies and Skills: AWS IAM, EC2, S3"]},{key:2,startDate:"3/2021",endDate:"5/2021",title:"Web Development Intern",companyName:"The Tenzer Technology Center",imageUrl:"images/depauw-logo.png",description:["Developed DePauw Art Exhibition Web application for the annual DePauw art exhibition. Showed student artworks on the map with descriptions and real-time user location.","- Technologies and Skills: React.js, Google Maps API"]},{key:3,startDate:"& 1/2021 ~7/2020 3/2020",endDate:"3/2021",title:"Software Engineer Intern",companyName:"Seeann Solution",imageUrl:"images/seeann-logo.png",description:["Developed a CRM web application and desktop application for managing EEG brainwave data.","Visualized 12500 electrophysiology signals per second flowing from Intan board. Successfully incorporated open-source data pipeline of the board into the application.","Designed and implemented high-performing features that handles graphs of 64 channels which allow user to visually check the data with play, pause and reset functions.","- Technologies and Skills: React.js, Node.js \u2013 Express, MySQL, Qt, Git"]}],P=Object(j.a)((function(){return{timeline:{display:"flex",flexDirection:"column",justifyContent:"start",padding:"0",fontFamily:"Raleway"}}}));var U,I=b.default.div(S||(S=Object(d.a)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n\n justify-content: start;\n overflow-y: scroll;\n ::-webkit-scrollbar {\n display: none;\n }\n"]))),N=b.default.div(D||(D=Object(d.a)(["\n width: 40%;\n height: 100%;\n padding: 0 0 6vh 0;\n"]))),T=function(){var e=P();return Object(k.jsx)(N,{children:Object(k.jsx)(I,{children:Object(k.jsx)(g.a,{className:e.timeline,children:F.map((function(e){return Object(k.jsx)(z,{startDate:e.startDate,endD
1ate:e.endDate,title:e.title,companyName:e.companyName,imageUrl:e.imageUrl,description:e.description},e.key)}))})})})},W=n(300);var E,R,_=b.default.div(U||(U=Object(d.a)(["\n a {\n padding: 0 10px;\n }\n"]))),H=function(){var e="default";return Object(k.jsxs)(_,{children:[Object(k.jsx)("a",{href:"https://www.linkedin.com/in/seok-jun-hong-a447bb141/",target:"_blank",rel:"noopener noreferrer",children:Object(k.jsx)(W.a,{className:"fab fa-linkedin",color:"primary",fontSize:e})}),Object(k.jsx)("a",{href:"https://github.com/sjunhong",target:"_blank",rel:"noopener noreferrer",children:Object(k.jsx)(W.a,{className:"fab fa-github",style:{color:"black"},fontSize:e})}),Object(k.jsx)("a",{href:"https://medium.com/seokjunhong",target:"_blank",rel:"noopener noreferrer",children:Object(k.jsx)(W.a,{className:"fab fa-medium-m",style:{color:"black"},fontSize:e})}),Object(k.jsx)("a",{href:"https://mail.google.com/mail/?view=cm&fs=1&[email protected]",target:"_blank",rel:"noopener noreferrer",children:Object(k.jsx)(W.a,{className:"fas fa-envelope square",style:{color:"black"},fontSize:e})}),Object(k.jsx)("a",{href:"".concat("","/Hong_S.Jun_resume.pdf"),target:"_blank",children:Object(k.jsx)(W.a,{className:"fas fa-file-alt",style:{color:"black"},fontSize:e})})]})},L=n(301);var B,G,M,J=b.default.img.attrs({src:"".concat("","/images/profile-image.jpg")})(E||(E=Object(d.a)(["\n width: 250px;\n height: 250px;\n border-radius: 50%;\n display: 'block';\n"]))),Q=b.default.div(R||(R=Object(d.a)(["\n display: flex;\n flex-direction: column;\n width: 30%;\n height: 100%;\n justify-content: center;
1\n"]))),X=function(){return Object(k.jsxs)(Q,{children:[Object(k.jsx)(L.a,{height:"50%",display:"flex",justifyContent:"center",alignItems:"center",children:Object(k.jsx)(J,{})}),Object(k.jsxs)(L.a,{height:"40%",display:"flex",flexDirection:"column",justifyContent:"start",alignItems:"center",textAlign:"center",padding:"0 10%",children:[Object(k.jsx)("h2",{children:"Hello!"}),Object(k.jsxs)("div",{style:{lineHeight:"25px"},children:["I'm a Student Developer who loves to learn. ",Object(k.jsx)("div",{}),"I have serious passion for Backend Development & DevOps."," ",Object(k.jsx)("div",{}),"Trying to learn better ways to develop a software and have been studying Software Architectures, Databases, CI/CD pipeline, etc ."]})]}),Object(k.jsx)(L.a,{display:"flex",justifyContent:"space-around",alignItems:"center",children:Object(k.jsx)(H,{})})]})},V={Proficient:[{name:"TypeScript",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=TypeScript&color=007acc&labelColor=212121&logoColor=007acc&logo=typescript"},{name:"JavaScript",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=JavaScript&color=f7df1e&labelColor=212121&logoColor=f7df1e&logo=javascript"},{name:"Python",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Python&color=3776ab&labelColor=212121&logoColor=3776ab&logo=python"}],Intermediate:[{name:"Java",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Java&color=007396&labelColor=e0e0e0&logoColor=007396&logo=java"},{name:"C++",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=C%2B%2B&color=00599c&labelColor=e0e0e0&logoColor=00599c&logo=c%2B%2B"}]},K={items:[{name:"React.js",src:"https://img.shields.io/badge/-React.Js-61DAFB?logo=react&logoColor=white&style=for-the-badge"},{name:"Node.js",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Node.js&color=393&labelColor=F4F4F4&logoColor=393&logo=node.js"},{name:"Express",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Express&color=000&labelColor=e0e0e0&logoColor=000&logo=express"},{name:"Flask",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Flask&color=000&labelColor=e0e0e0&logoColor=000&logo=flask"},{name:"FastAPI",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=FastAPI&color=009688&labelColor=e0e0e0&logoColor=009688&logo=FastAPI"}]},q={data:[{name:"MySQL",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=MySQL&color=4479A1&labelColor=e0e0e0&logoColor=4479A1&logo=MySQL"},{name:"PostgresSQL",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=PostgreSQL&color=336791&labelColor=e0e0e0&logoColor=336791&logo=postgresql"}],machineLearning:[{name:"pandas",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Pandas&color=150458&labelColor=e0e0e0&logoColor=150458&logo=pandas"},{name:"scikit-learn",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=scikit-learn&color=f7931e&labelColor=212121&logoColor=f7931e&logo=scikit-learn"}]},Y={devOps:[{name:"CI/CD",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=CI/CD&color=4053D6&labelColor=e0e0e0&logoColor=4053D6"},{name:"Docker",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Docker&color=2496ed&labelColor=212121&logoColor=2496ed&logo=docker"},{name:"AWS",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=AWS&color=232f3e&labelColor=e0e0e0&logoColor=232f3e&logo=amazon-aws"},{name:"AWS CDK",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=AWS%20CDK&color=232f3e&labelColor=e0e0e0&logoColor=232f3e&logo=amazon-aws"},{name:"AWS Lambda",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=AWS%20Lambda&color=232f3e&labelColor=e0e0e0&logoColor=232f3e&logo=amazon-lambda"},{name:"GCP",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=GCP&color=4285f4&labelColor=212121&logoColor=4285f4&logo=google-cloud"},{name:"Firebase",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Firebase&color=039BE5&labelColor=039BE5&logoColor=FFCA28&logo=Firebase"},{name:"GitHub Actions",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=GitHub Actions&color=2088FF&labelColor=212121&logoColor=2088FF&logo=github-actions"}],tools:[{name:"Git",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=Git&color=f05032&labelColor=212121&logoColor=f05032&logo=git"},{name:"GitHub",src:"https://img.shields.io/static/v1?style=for-the-badge&label=&message=GitHub&color=181717&labelColor=e0e0e0&logoColor=181717&logo=github"}]};var Z,$,ee,te,ne=b.default.div(B||(B=Object(d.a)(["\n padding-left: 20px;\n"]))),ae=b.default.div(G||(G=Object(d.a)(["\n display: block;\n\n img {\n width: auto;\n height: auto;\n margin: 0 3px 3px 3px;\n }\n"]))),oe=b.default.div(M||(M=Object(d.a)(["\n display: flex;\n flex-direction: column;\n width: 30%;\n height: 100%;\n justify-content: start;\n\n h2 {\n text-align: center;\n margin: 15px 0;\n }\n\n h3 {\n margin-bottom: 15px;\n }\n\n h4 {\n margin: 0px 0 5px 0;\n }\n\n li {\n list-style: none;\n }\n\n ul {\n padding-left: 20px;\n text-align: left;\n }\n"]))),ie=function(){var e=["laguages","libAndFrameworks","dataAndML","devOpsAndTools"],t=function(t){return Object.keys(t).map((function(n,a){return t===V?Object(k.jsxs)(ne,{children:[Object(k.jsx)("h4",{children:n}),Object(k.jsx)(ae,{children:t[n].map((function(e){return Object(k.jsx)("img",{src:e.src,alt:e.name},e.name)}))})]},e[a]):Object(k.jsx)(ne,{children:Object(k.jsx)(ae,{children:t[n].map((function(e){return Object(k.jsx)("img",{src:e.src,alt:e.name},e.name)}))})},e[a])}))};return Object(k.jsxs)(oe,{children:[Object(k.jsx)("h2",{children:"Skills"}),Object(k.jsx)("h3",{children:"Programming Languages"}),t(V),Object(k.jsx)("h3",{children:"Libraries & Frameworks"}),t(K),Object(k.jsx)("h3",{children:"Data & ML"}),t(q),Object(k.jsx)("h3",{children:"DevOps & Tools"}),t(Y)]})},se=Object(s.forwardRef)((function(e,t){return Object(k.jsx)("div",{ref:t,children:Object(k.jsxs)(re,{children:[Object(k.jsx)(p,{children:"ABOUT"}),Object(k.jsxs)(le,{children:[Object(k.jsx)(X,{}
1),Object(k.jsx)(T,{}),Object(k.jsx)(ie,{})]})]})})})),le=b.default.div(Z||(Z=Object(d.a)(["\n height: 100vh;\n width: 100vw;\n min-height: 768px;\n display: flex;\n justify-content: center;\n align-items: start;\n"]))),re=b.default.div($||($=Object(d.a)(["\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n"]))),ce=se,de=b.default.button(ee||(ee=Object(d.a)(["\n color: ",";\n padding: ",";\n font-size: 22px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n transition: background 0.5s;\n border: none;\n\n -webkit-box-shadow: inset 0px 0px 0px 2px ",";\n -moz-box-shadow: inset 0px 0px 0px 2px ",";\n box-shadow: inset 0px 0px 0px 2px ",";\n\n &:hover {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n background: #04c2c9;\n }\n"])),(function(e){return e.color}),(function(e){return e.padding}),(function(e){return e.color}),(function(e){return e.color}),(function(e){return e.color}));var be,he,pe=b.default.div(te||(te=Object(d.a)(["\n height: 100%;\n width: 100%;\n position: relative;\n\n img {\n height: 100%;\n width: 100%;\n opacity: 1;\n transition: opacity 1s;\n }\n &:hover img {\n transition: opacity 1s;\n opacity: 0;\n }\n\n h2 {\n display: inline-block;\n position: absolute;\n width: 100%;\n left: 50%;\n top: 40px;\n text-align: center;\n transform: translateX(-50%);\n\n opacity: 0;\n transition: opacity 1s;\n }\n p {\n display: inline-block;\n position: absolute;\n width: 100%;\n left: 50%;\n top: 80px;\n text-align: center;\n transform: translateX(-50%);\n\n opacity: 0;\n transition: opacity 1s;\n }\n\n &:hover h2,\n &:hover p,\n &:hover div {\n opacity: 1;\n transition: opacity 1s;\n }\n\n div {\n display: inline-block;\n position: relative;\n left: 50%;\n bottom: 120px;\n transform: translateX(-50%);\n\n opacity: 0;\n transition: opacity 1s;\n }\n a {\n color: inherit;\n text-decoration: none;\n }\n"]))),ge=function(e){var t=e.imageSrc,n=e.title,a=e.description,o=e.linkUrl;return Object(k.jsxs)(pe,{children:[Object(k.jsx)("img",{src:"".concat("","/images/").concat(t),alt:t}),Object(k.jsx)("h2",{children:n}),Object(k.jsx)("p",{children:a}),Object(k.jsx)("div",{children:Object(k.jsx)(de,{padding:"12px 20px",color:"#616161",children:Object(k.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:"LEARN MORE"})})})]})},je=[{title:"PennApps XXII - SpotZoo",image:"spotzoo.gif",awards:Object(k.jsx)("b",{children:Object(k.jsxs)("span",{style:{fontSize:"18px"},children:["University of Pennsylvania",Object(k.jsx)("br",{}),Object(k.jsx)("br",{}),"\xb7 Top 9",Object(k.jsx)("br",{}),"\xb7 Best Use of IPFS"]})}),devpostUrl:"https://devpost.com/software/spotzoo"},{title:"MakeUC - Recaipe",image:"recaipe.gif",awards:Object(k.jsx)("b",{children:Object(k.jsxs)("span",{style:{fontSize:"18px"},children:["University of Cincinnati",Object(k.jsx)("br",{}),Object(k.jsx)("br",{}),"\xb7 Best Hack for Demystifying Food Exp",Object(k.jsx)("br",{}),"\xb7 Best Use of Blockchain - 2nd"]})}),devpostUrl:"https://devpost.com/software/recaipe"},{title:"Programming Contest",image:"CCSC.png",awards:Object(k.jsx)("b",{children:Object(k.jsxs)("span",{style:{fontSize:"18px"},children:["CCSC:MW",Object(k.jsx)("br",{}),Object(k.jsx)("br",{}),"\xb7 2nd Place"]})}),devpostUrl:"http://www.ccsc.org/midwest/student-programming-contest"},{title:"DivHacks - SafeLynk",image:"safelynk.gif",awards:Object(k.jsxs)("b",{children:[Object(k.jsx)("span",{style:{fontSize:"18px"},children:"Columbia University"}),Object(k.jsx)("br",{}),Object(k.jsx)("br",{}),Object(k.jsx)("span",{style:{fontSize:"18px"},children:"\xb7 Most Fun or Unique Hack"})]}),devpostUrl:"https://devpost.com/software/safelynk"},{title:"Backyard Hacks - Social Curator",image:"social-curator.gif",awards:Object(k.jsxs)("b",{children:[Object(k.jsx)("span",{style:{fontSize:"18px"},children:"Major League Hacking"}),Object(k.jsx)("br",{}),Object(k.jsx)("br",{}),Object(k.jsx)("span",{style:{fontSize:"18px"},children:"\xb7 Best Use of Google Cloud"})]}),devpostUrl:"https://devpost.com/software/socialcurator"},{title:"Data Science Hackathon",image:"DSHack.png",awards:Object(k.jsx)("b",{children:Object(k.jsxs)("span",{style:{fontSize:"18px"},children:["Saint Mary's College",Object(k.jsx)("br",{}),Object(k.jsx)("br",{}),"\xb7 3rd Place"]})}),devpostUrl:"https://www.saintmarys.edu/math/data-science-hackathon"}];var me,fe=b.default.div(be||(be=Object(d.a)(["\n height: 100vh;\n width: 100vw;\n min-height: 700px;\n\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 390px));\n grid-template-rows: repeat(2, minmax(0, 300px));\n\n justify-content: center;\n align-items: center;
1\n"]))),xe=b.default.div(he||(he=Object(d.a)(["\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n\n background: #f5f5f5;\n"]))),ue=function(){return Object(k.jsxs)(xe,{children:[Object(k.jsx)(p,{children:"Awards"}),Object(k.jsx)(fe,{children:je.map((function(e,t){return Object(k.jsx)(ge,{title:e.title,imageSrc:e.image,description:e.awards,linkUrl:e.devpostUrl},t)}))})]})};var ye,Oe,ve=b.default.div(me||(me=Object(d.a)(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #0f1016;\n width: 100%;\n height: 70px;\n"]))),we=function(){return Object(k.jsx)(ve,{children:Object(k.jsx)("p",{children:"SEOK JUN HONG \xa92021"})})},ke=n(83),Ce=n.n(ke),Se=n(82),De=n.n(Se),Ae={particles:{number:{value:53,density:{enable:!0,value_area:800}},color:{value:"#00e1ff"},shape:{type:"circle",stroke:{width:0,color:"#000000"},polygon:{nb_sides:5},image:{src:"img/github.svg",width:100,height:100}},opacity:{value:.5,random:!1,anim:{enable:!1,speed:1,opacity_min:.1,sync:!1}},size:{value:5,random:!0,anim:{enable:!1,speed:40,size_min:.1,sync:!1}},line_linked:{enable:!0,distance:144.30708547789706,color:"#ffffff",opacity:.4,width:1},move:{enable:!0,speed:3,direction:"top",random:!1,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:1200}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!1,mode:"grab"},onclick:{enable:!1,mode:"push"},resize:!0},modes:{grab:{distance:400,line_linked:{opacity:1}},bubble:{distance:400,size:40,duration:2,opacity:8},repulse:{distance:200,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0};var ze,Fe,Pe=b.default.div(ye||(ye=Object(d.a)(["\n width: 100vw;\n height: 100vh;\n max-width: 100%;\n color: #616161;\n"]))),Ue=b.default.div(Oe||(Oe=Object(d.a)(["\n color: #fff;\n width: 100%;\n height: 100%;\n font-size: 42px;\n line-height: 48px;\n z-index: 0;\n\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: transparent;\n\n div {\n margin-top: 20px;\n position: relative;\n }\n span {\n transition: 0.3s;\n position: absolute;\n top: 13px;\n right: 16px;\n }\n div:hover span {\n transform: rotate(90deg);\n }\n"]))),Ie=function(e){var t=e.handleNavigate;return Object(k.jsxs)(Pe,{children:[Object(k.jsx)("div",{style:{position:"absolute",zIndex:-1,backgroundColor:"#0f1016"},children:Object(k.jsx)(De.a,{height:"100vh",width:"100vw",params:Ae})}),Object(k.jsxs)(Ue,{children:["Hello, I'm ",Object(k.jsx)("span",{style:{color:"#e31b6d",display:"contents",fontWeight:600},children:"Jun Hong"}),".",Object(k.jsx)("br",{})," I'm a Software Engineer.",Object(k.jsx)("div",{children:Object(k.jsxs)(de,{padding:"12px 50px 12px 20px",color:"#fff",onClick:t,children:["View my Work",Object(k.jsx)("span",{children:Object(k.jsx)(Ce.a,{})})]})})]})]})},Ne=[{title:"Picme",image:"picme.png",techStacks:Object(k.jsxs)(k.Fragment,{children:["TypeScript \xb7 Node.js ",Object(k.jsx)("br",{}),"AWS - ( VPC \xb7 ECS \xb7 ECR \xb7 S3 \xb7 RDS ) ",Object(k.jsx)("br",{}),"DevOps: Docker \xb7 AWS CDK (IaC) \xb7 CodePipeline"]}),githubUrl:"https://github.com/dnd-side-project/dnd-5th-1-backend"},{title:"Algorithm Visualizer",image:"algorithm-visualizer.png",techStacks:Object(k.jsxs)(k.Fragment,{children:["TypeScript \xb7 React.js ",Object(k.jsx)("br",{}),"DevOps: GitHub Actions"]}),githubUrl:"https://sjunhong.github.io/algorithm-visualizer"},{title:"Coholy",image:"coholy.png",techStacks:Object(k.jsxs)(k.Fragment,{children:["Python \xb7 FastAPI ",Object(k.jsx)("br",{}),"DevOps: Docker \xb7 GCP \xb7 Buddy"]}),githubUrl:"https://github.com/dnd-side-project/dnd-mentee-4th-5-backend"},{title:"DePauw ArtWalk",image:"depauw-artwalk.png",techStacks:["React.js \xb7 Google Maps API"],githubUrl:"https://github.com/Depauw-Art-Walk-WebApp/Depauw-Art-Walk-WebApp"},{title:"Indian Faker",image:"indian-faker.png",techStacks:["Node.js \xb7 AWS Lambda"],githubUrl:"https://github.com/kinda-diff/kinda-diff-backend"},{title:"Personal Website",image:"personal-website.png",techStacks:Object(k.jsxs)(k.Fragment,{children:["TypeScript \xb7 React.js ",Object(k.jsx)("br",{}),"DevOps: GitHub Actions"]}),githubUrl:"https://github.com/sjunhong/personal-web"}];var Te,We=b.default.div(ze||(ze=Object(d.a)(["\n height: 100vh;\n width: 100vw;\n min-height: 700px;\n\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 390px));\n grid-template-rows: repeat(2, minmax(0, 300px));\n\n justify-content: center;\n align-items: center;
1\n"]))),Ee=b.default.div(Fe||(Fe=Object(d.a)(["\n width: 100%;\n height: 100%;\n\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n\n background: #f5f5f5;\n"]))),Re=function(){return Object(k.jsxs)(Ee,{children:[Object(k.jsx)(p,{children:"Projects"}),Object(k.jsx)(We,{children:Ne.map((function(e,t){return Object(k.jsx)(ge,{title:e.title,imageSrc:e.image,description:e.techStacks,linkUrl:e.githubUrl},t)}))})]})};var _e=b.default.div(Te||(Te=Object(d.a)(["\n display: flex;\n flex-direction: column;\n"]))),He=function(){var e=Object(s.useRef)(null);return Object(k.jsx)(h,{children:Object(k.jsxs)(_e,{children:[Object(k.jsx)(Ie,{handleNavigate:function(){e.current&&e.current.scrollIntoView({behavior:"smooth"})}}),Object(k.jsx)(ce,{ref:e}),Object(k.jsx)(Re,{}),Object(k.jsx)(ue,{}),Object(k.jsx)(we,{})]})})};var Le,Be=function(){return Object(k.jsx)(He,{})},Ge=function(e){e&&e instanceof Function&&n.e(3).then(n.bind(null,304)).then((function(t){var n=t.getCLS,a=t.getFID,o=t.getFCP,i=t.getLCP,s=t.getTTFB;n(e),a(e),o(e),i(e),s(e)}))},Me=n(84),Je=Object(b.createGlobalStyle)(Le||(Le=Object(d.a)(["\n ","\n\n html,\n body {\n font-family: Raleway;\n margin: 0;\n padding: 0;\n max-width: 100%;\n ::-webkit-scrollbar { \n display: none; \n }\n }\n\n * {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n }\n \n"])),Me.normalize),Qe=n(85),Xe=Object(Qe.a)({typography:{fontFamily:"Raleway"}});c.a.render(Object(k.jsx)(l.a.StrictMode,{children:Object(k.jsxs)(b.ThemeProvider,{theme:Xe,children:[Object(k.jsx)(Je,{}),Object(k.jsx)(Be,{}),Object(k.jsx)(Je,{})]})}),document.getElementById("root")),Ge()},95:function(e,t,n){}},[[279,1,2]]]); 2//# sourceMappingURL=main.27afb5ff.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.