work.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{113:function(e){e.exports=JSON.parse('{"404":{"back_404":"Go home","text":"Sorry, I can\'t find the page you\'re looking for...","button_text":"Do you want help to return home?"},"home":{"about":"About me","about_alt":"About","work":"Sample Work","work_alt":"Work","contact":"Contact me","contact_alt":"Contact"},"about":{"find_me":"Find me on:"},"work":{"no_projects":"Whoops! There\'s nothing here yet!","categories":"Categories","category_all":"All","website":"Visit Website","source":"Source Code"},"contact":{"toast":{"close":"Close"},"form":{"name":"Name","email":"Email","message":"What are you contacting me about?:","validation":{"invalid_name":"Invalid name","invalid_email":"Invalid email","invalid_message":"Invalid message","invalid_grecaptcha":"Invalid gRecaptchaResponse","server_error":"Server returned an invalid response","conection_error":"Connection Error","success":"Message sent successfully"}},"loading":"Loading","send":"Send","sending":"Sending"},"misc":{"back":"Go back"}}')},114:function(e,t,a){"use strict";var n=a(4),r=a.n(n),o=a(5),i=a.n(o),s=a(6),l=a.n(s),c=a(7),d=a.n(c),u=a(0),h=function(e){function t(){return r()(this,t),l()(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return d()(t,e),i()(t,[{key:"render",value:function(){var e=this.props.iconColor?{fill:this.props.iconColor}:null;return u.default.createElement("svg",{style:e,viewBox:"0 0 24 24"},u.default.createElement("use",{xlinkHref:"assets/icons.svg#"+this.props.iconName}))}}]),t}(u.default.PureComponent);t.a=h},115:function(e,t,a){"use strict";a.d(t,"d",(function(){return n})),a.d(t,"e",(function(){return r})),a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return i})),a.d(t,"c",(function(){return s}));var n={fullName:"Amanda Trang",description:"SOFTWARE ENGINEER",avatarPath:"me.png",about:{title:"Amanda Trang",description:"I'm a software developer with a hardware background, and I think games are neat.\n\n    I've recently received my M.Eng in Computer Science and a B.S. in Electrical and Computer Engineering from Cornell University, with a minor in Game Design. My interests span game development, VR/AR, and hardware and robotics. In my spare time, I enjoy listening to and making music, playing and making video games, falling off my skateboard, and taking low-quality pictures of dogs.",findMeOn:[{iconName:"location",text:"Seattle, WA",hoverColor:"#333a87"},{iconName:"linkedin",text:"amandatrang",url:"https://www.linkedin.com/in/amandatrang/",hoverColor:"#333a87"},{iconName:"itchio",text:"amango",url:"https://amango.itch.io/",hoverColor:"#333a87"},{iconName:"github",text:"at669",url:"https://github.com/at669",hoverColor:"#333a87"}],programmingLanguages:[{iconName:"csharp",text:"C#",hoverColor:"#333a87"},{iconName:"python",text:"Python",hoverColor:"#333a87"},{iconName:"cpp",text:"C++",hoverColor:"#333a87"},{iconName:"c",text:"C",hoverColor:"#333a87"},{iconName:"java",text:"Java",hoverColor:"#333a87"},{iconName:"gamepad",text:"Game Design",hoverColor:"#333a87"},{iconName:"unity",text:"Unity",hoverColor:"#333a87"},{iconName:"mr",text:"AR/VR",hoverColor:"#333a87"},{iconName:"robot",text:"ROS",hoverColor:"#333a87"},{iconName:"embedded",text:"Hardware",hoverColor:"#333a87"},{iconName:"XOR",text:"FPGA/HDL",hoverColor:"#333a87"},{iconName:"brain",text:"Machine Learning",hoverColor:"#333a87"}]},social:[{iconName:"linkedin",url:"https://www.linkedin.com/in/amandatrang/",text:"LinkedIn",hoverColor:"#333a87"},{iconName:"github",url:"https://github.com/at669",text:"GitHub",hoverColor:"#333a87"},{iconName:"itchio",url:"https://amango.itch.io/",text:"itch.io",hoverColor:"#333a87"}]},r=[{title:"Shujinkou",img:"assets/img/sjk.png",description:"An in-development story-driven Japanese language learning game.",categories:["Unity","C#","game dev"],siteUrl:"https://www.shujinkou.net/"},{title:"Unity Robotics Demos",img:"assets/img/niryo.png",description:"Tutorials, documentation, and tools for robotic simulation in Unity.",categories:["Unity","C#","Python","robotics"],siteUrl:"https://unity.com/solutions/automotive-transportation-manufacturing/robotics",sourceCodeUrl:"https://github.com/Unity-Technologies/Unity-Robotics-Hub/"},{title:"Unity Simulation Demos",img:"assets/img/sim_warehouse.png",description:"Sample Unity projects featuring ADR, synthetic data generation, and DOTS.",categories:["Unity","C#","Python"],siteUrl:"https://github.com/Unity-Technologies/Unity-Simulation-Docs",sourceCodeUrl:"https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-simulation-sample-project-warehouse-robot-176606"},{title:"Thermics",img:"assets/img/cs5678.png",description:"A research project on the effects of tactile thermal feedback in virtual reality.",categories:["AR/VR","C#","Unity","hardware"],siteUrl:"https://sites.google.com/cornell.edu/cs5678-2020sp-projects/home/thermics",sourceCodeUrl:"https://github.com/at669/cs5678"},{title:"Let's Gogh!",img:"assets/img/arvr.png",description:"An Oculus Quest application that takes users into their favorite paintings.",categories:["AR/VR","C#","Unity"],siteUrl:"https://sites.google.com/cornell.edu/cs5650-projects-2019/projects/lets-gogh?authuser=0",sourceCodeUrl:"https://github.com/at669/project-2019-g01-let-s-gogh"},{title:"Cluck Cluck Moose",img:"assets/img/ccm.png",description:"A mobile chicken-stacking RPS game with lots of bad puns. Now on the Play Store!",categories:["game dev","C/C++"],siteUrl:"https://play.google.com/store/apps/details?id=com.wingingitstudios.ccm&hl=en_US",sourceCodeUrl:"https://github.com/ZRich098/CluckCluckMoose"},{title:"City of Light",img:"assets/img/cs3152.png",description:"A puzzle/stealth game set in 1920s Paris. A BostonFIG 2018 digital showcase game.",categories:["game dev","Java"],siteUrl:"https://www.bostonfig.com/exhibitor/city-of-light/",sourceCodeUrl:"https://github.com/Oliviafx/cs3152-game"},{title:"OSAM-1: Kodiak Emulator",img:"assets/img/osam.jpg",description:"A data arbiter to manage the LiDAR emulator's rx/tx transactions.",categories:["FPGA","C/C++","HDL","Python"],siteUrl:"https://sspd.gsfc.nasa.gov/restore-L.html"}],o="http://localhost:4000",i="6LcBOC8UAAAAAM9YRyBp1RR-1NnwvMU8UDsR63Vu",s="./assets/no-work-icon.jpg"},116:function(e,t,a){"use strict";var n=a(4),r=a.n(n),o=a(5),i=a.n(o),s=a(6),l=a.n(s),c=a(7),d=a.n(c),u=a(0),h=a(120),m=a(114),p=a(113),f=p.misc,g=function(e){function t(){return r()(this,t),l()(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return d()(t,e),i()(t,[{key:"render",value:function(){return u.default.createElement("div",{className:"pt-content-card__header pt-content-card__header--nav flex flex-cross-center"},u.default.createElement(h.a,{to:"/",title:f.back},u.default.createElement("div",{className:"pt-content-card__header--nav__icon flex flex-full-center"},u.default.createElement(m.a,{iconName:"arrow-left"}))),u.default.createElement("div",{className:"pt-content-card__header--nav__title flex flex-full-center"},u.default.createElement(m.a,{iconName:this.props.icon}),u.default.createElement("h2",{className:"ta-c"},this.props.title)),this.props.handleDrawerState?u.default.createElement("button",{style:{pointerEvents:this.props.isFiltersOpen?"none":""},className:"pt-content-card__header--nav__icon flex-full-center pointer",onClick:this.props.handleDrawerState},u.default.createElement(m.a,{iconName:"filter"})):null)}}]),t}(u.default.PureComponent);t.a=g},200:function(e,t,a){"use strict";a.r(t);var n=a(4),r=a.n(n),o=a(5),i=a.n(o),s=a(6),l=a.n(s),c=a(7),d=a.n(c),u=a(0),h=a(116),m=a(138),p=function(e){function t(e){r()(this,t);var a=l()(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.handleChange=a.handleChange.bind(a),a}return d()(t,e),i()(t,[{key:"handleChange",value:function(e){this.props.handleFilterChange(this.props.name,!this.props.value)}},{key:"render",value:function(){return u.default.createElement("li",{className:"md__checkbox",title:this.props.name+" projects"},u.default.createElement("label",{className:"flex flex-cross-center pointer"},u.default.createElement("input",{type:"checkbox",onChange:this.handleChange,checked:this.props.value}),u.default.createElement("span",{className:"md__checkbox-material"},u.default.createElement("span",{className:"md__checkbox-check"})),u.default.createElement("span",{className:"md__checkbox-material__text"},this.props.name),u.default.createElement(m,null)))}}]),t}(u.default.PureComponent),f=a(114),g=a(113),_=g.work,v=function(e){function t(e){r()(this,t);var a=l()(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.allFiltersAreChecked=a.allFiltersAreChecked.bind(a),a}return d()(t,e),i()(t,[{key:"allFiltersAreChecked",value:function(){var e=this,t=!0;return Object.keys(this.props.filters).forEach((function(a){e.props.filters[a]||(t=!1)})),t}},{key:"render",value:function(){var e=this,t=Object.keys(this.props.filters).map((function(t,a){return u.default.createElement(p,{key:a,name:t,handleFilterChange:e.props.handleFilterChange,value:e.props.filters[t]})}));return u.default.createElement("div",{className:"pt-content-card__body__work-filters "+(this.props.isFiltersOpen?"filters-open":"")},u.default.createElement("p",{className:"flex flex-cross-center flex-sa"},u.default.createElement("button",{className:"pt-content-card__header--nav__icon flex-full-center pointer",onClick:this.props.handleDrawerState},u.default.createElement(f.a,{iconName:"close"})),_.categories),u.default.createElement("ul",{className:"pt-content-card__body__work-filters__list flex flex-dc"},u.default.createElement(p,{name:_.category_all,value:this.allFiltersAreChecked(),handleFilterChange:this.props.handleAllFilterChange}),t))}}]),t}(u.default.PureComponent),k=a(115),y=g.work,w=function(e){function t(e){r()(this,t);var a=l()(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.getLinkTags=a.getLinkTags.bind(a),a}return d()(t,e),i()(t,[{key:"getLinkTags",value:function(){var e=[];return this.props.work.siteUrl&&(e[e.length]=u.default.createElement("a",{href:this.props.work.siteUrl,key:e.length,target:"_blank",rel:"noopener",title:this.props.work.title+" Website",className:"flex flex-dc flex-full-center"},u.default.createElement(f.a,{iconName:"web"}),u.default.createElement("p",null,y.website))),this.props.work.sourceCodeUrl&&(e[e.length]=u.default.createElement("a",{href:this.props.work.sourceCodeUrl,key:e.length,target:"_blank",rel:"noopener",title:this.props.work.title+" Source Code",className:"flex flex-dc flex-full-center"},u.default.createElement(f.a,{iconName:"code"}),u.default.createElement("p",null,y.source))),e}},{key:"render",value:function(){var e=this.props.work.categories.map((function(e,t){return u.default.createElement("span",{key:t},e)})),t=this.getLinkTags();return u.default.createElement("div",{className:"pt-content-card__body__work-items__item flex"},u.default.createElement("div",{className:"pt-content-card__body__work-items__item__image flex flex-full-center"},u.default.createElement("img",{src:this.props.work.img||k.c,alt:this.props.work.title+" Icon"})),u.default.createElement("div",{className:"pt-content-card__body__work-items__item__data flex flex-dc flex-sb"},u.default.createElement("h4",null,this.props.work.title),u.default.createElement("p",null,this.props.work.description),u.default.createElement("div",{className:"pt-content-card__body__work-items__item__data__tags"},e)),this.props.work.sourceCodeUrl||this.props.work.siteUrl?u.default.createElement("div",{className:"pt-content-card__body__work-items__item__buttons flex flex-dc"},t):null)}}]),t}(u.default.PureComponent),b=g.work,C=function(e){function t(e){r()(this,t);var a=l()(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.state={filters:a.generateFilters(),projects:k.e},a.handleFilterChange=a.handleFilterChange.bind(a),a.handleAllFilterChange=a.handleAllFilterChange.bind(a),a.getFilteredWorkItems=a.getFilteredWorkItems.bind(a),a}return d()(t,e),i()(t,[{key:"generateFilters",value:function(){var e={};return k.e.forEach((function(t){t.categories.forEach((function(t){Object.keys(e).includes(t)||(e[t]=!0)}))})),e}},{key:"getFilteredWorkItems",value:function(){var e=this;return this.state.projects.length?this.state.projects.map((function(t,a){var n=!1;if(t.categories.forEach((function(t){e.state.filters[t]&&(n=!0)})),n)return u.default.createElement(w,{key:a,work:t})})):u.default.createElement("p",{className:"no-projects-text flex flex-dc flex-cross-center"},u.default.createElement(f.a,{iconName:"person"}),b.no_projects)}},{key:"handleFilterChange",value:function(e,t){var a=Object.assign({},this.state.filters);a[e]=t,this.setState({filters:a})}},{key:"handleAllFilterChange",value:function(e,t){var a=Object.assign({},this.state.filters);Object.keys(this.state.filters).forEach((function(e){a[e]=t})),this.setState({filters:a})}},{key:"render",value:function(){var e={};return this.state.projects.length<=0&&(e={display:"flex",justifyContent:"center",alignItems:"center"}),u.default.createElement("div",{className:"pt-content-card__body pt-content-card__body__work flex flex-cross-center"},this.state.projects.length>0&&u.default.createElement(v,{filters:this.state.filters,handleFilterChange:this.handleFilterChange,handleAllFilterChange:this.handleAllFilterChange,isFiltersOpen:this.props.isFiltersOpen,handleDrawerState:this.props.handleDrawerState}),u.default.createElement("div",{className:"pt-content-card__body__work-filters__overlay "+(this.props.isFiltersOpen?"filters-open":""),onClick:this.props.handleDrawerState}),u.default.createElement("div",{className:"pt-content-card__body__work-items",style:e},this.getFilteredWorkItems()))}}]),t}(u.default.PureComponent),x=g.home,E=function(e){function t(e){r()(this,t);var a=l()(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.state={isFiltersOpen:!1},a.handleDrawerState=a.handleDrawerState.bind(a),a.handleWindowResize=a.handleWindowResize.bind(a),a}return d()(t,e),i()(t,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.handleWindowResize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.handleWindowResize)}},{key:"handleWindowResize",value:function(e){window.innerWidth<=700&&this.setState({isFiltersOpen:!1})}},{key:"handleDrawerState",value:function(){this.setState({isFiltersOpen:!this.state.isFiltersOpen})}},{key:"render",value:function(){return u.default.createElement("div",{className:"pt-content-card__work-container flex flex-dc"},u.default.createElement(h.a,{icon:"folder",title:x.work,handleDrawerState:this.handleDrawerState,isFiltersOpen:this.state.isFiltersOpen}),u.default.createElement(C,{handleDrawerState:this.handleDrawerState,isFiltersOpen:this.state.isFiltersOpen}))}}]),t}(u.default.PureComponent);t.default=E}}]);