text: (this["webpackJsonpreact-portfolio"]=this["webpackJsonpreact-portfolio"]||[]).push([[0],{10:function(e,t,a){},22:function(e,t,a){},32:function(e,t,a){},33:function(e,t,a){},34:function(e,t,a){},35:function(e,t,a){},36:function(e,t,a){"use strict";a.r(t);var s=a(1),c=a(16),i=a.n(c),n=a(15),r=a(8),o=(a(22),a(0));var l=function(){var e=Object(s.useState)(!1),t=Object(n.a)(e,2),a=t[0],c=t[1],i=Object(s.useState)(!0),l=Object(n.a)(i,2),j=l[0],d=l[1],p=function(){return c(!1)},b=function(){window.innerWidth<=960?d(!1):d(!0)};return Object(s.useEffect)((function(){b()}),[]),window.addEventListener("resize",b),Object(o.jsx)(o.Fragment,{children:Object(o.jsxs)("nav",{className:"navbar",children:[Object(o.jsxs)("div",{className:"navbar-container",children:[Object(o.jsx)(r.b,{to:"/react-jen-portfolio/",href:"#home",className:"navbar-logo",onClick:p,children:Object(o.jsx)("i",{className:"fas fa-heart"})}),Object(o.jsx)("div",{className:"menu-icon",onClick:function(){return c(!a)},children:Object(o.jsx)("i",{className:a?"fas fa-times":"fas fa-bars"})})]}),Object(o.jsxs)("ul",{className:a?"nav-menu active":"nav-menu",children:[Object(o.jsx)("li",{className:"nav-item",children:Object(o.jsx)("a",{href:"#home",className:"nav-links",onClick:p,children:"Home"})}),Object(o.jsx)("li",{className:"nav-item",children:Object(o.jsx)("a",{href:"#projects",className:"nav-links",onClick:p,children:"Projects"})}),Object(o.jsx)("li",{className:"nav-item",children:Object(o.jsx)("a",{href:"#about",className:"nav-links",onClick:p,children:"About"})}),Object(o.jsx)("li",{className:"nav-item",children:Object(o.jsx)("a",{href:"#contact",className:"nav-links",onClick:p,children:"Contact"})})]}),j]})})},j=a(2),d=(a(10),a(32),["btn--primary","btn--outline"]),p=["btn--medium","btn--large"],b=function(e){var t=e.children,a=e.type,s=e.onClick,c=e.buttonStyle,i=e.buttonSize,n=d.includes(c)?c:d[0],r=p.includes(i)?i:p[0];return Object(o.jsx)("a",{href:"#contact",className:"btn-mobile",children:Object(o.jsx)("button",{className:"btn ".concat(n," ").concat(r),onClick:s,type:a,children:t})})};a(33);var m=function(){return Object(o.jsxs)("div",{id:"home",className:"hero-container",children:[Object(o.jsx)("h1",{children:"JENNIFER BATES"}),Object(o.jsx)("p",{children:"Web Developer + Project Manager"}),Object(o.jsx)("a",{href:"#projects",className:"hero-btns",children:Object(o.jsx)(b,{className:"btns",buttonStyle:"btn--outline",buttonSize:"btn--large",children:"CONTACT ME"})})]})};var h=function(e){return Object(o.jsx)(o.Fragment,{children:Object(o.jsx)("li",{className:"cards__item",children:Object(o.jsxs)("div",{className:"cardItemWrapper",children:[Object(o.jsx)("figure",{className:"cards__item__pic-wrap","data-category":e.label,children:Object(o.jsx)("img",{src:e.src,alt:"project",className:"cards__item__img"})}),Object(o.jsxs)("div",{className:"cards__item__info",children:[Object(o.jsx)("h5",{className:"cards__item__text",children:e.text}),Object(o.jsx)("p",{}),Object(o.jsx)("a",{className:"github",href:e.url,target:"_blank",children:"GitHub"}),Object(o.jsx)("a",{className:"app",href:e.appURL,target:"_blank",children:" Live App"})]})]})})})},u=(a(34),a.p+"static/media/fitness.b33ae72d.png"),x=a.p+"static/media/codeqz.f38b8e66.png",O=a.p+"static/media/employees.989e54bd.png",g=a.p+"static/media/evolvejournal.051cd326.png",f=a.p+"static/media/pickyeaterapp.df4b3e24.png",v=a.p+"static/media/traveltracker.a6dc7331.png",N=a.p+"static/media/jen.9c02945c.jpeg";var k=function(){return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsxs)("div",{id:"about",className:"intro",children:[Object(o.jsx)("h1",{className:"summary__head",children:"HELLO!"}),Object(o.jsx)("img",{className:"jen",src:N}),Object(o.jsx)("p",{className:"summary__intro",children:"I'm Jen. Thank you for visiting my portfolio. I am a web developer and technical project manager with a passion for delighting the customer. I am also a self-proclaimed nerd. I have always enjoyed working in technology for its dynamic, ever-evolving landscape. As a technical project manager I have managed many complex projects with talented teams of UX/UI designers and developers. We've created everything from HMIs for industrial machines, to GUIs for remote monitoring devices, to user experience flows for client onboarding applications."}),Object(o.jsx)("p",{className:"summary__intro",children:"I am energized by environments in which I can combine creativity and problem solving!"}),Object(o.jsx)("p",{className:"summary__intro",children:"When I'm not coding I love to scuba dive in the Caribbean and train for half-marathons."})]}),Object(o.jsxs)("div",{id:"projects",className:"cards",children:[Object(o.jsx)("h1",{children:"PROJECTS"}),Object(o.jsxs)("p",{className:"projects__intro",children:["Six projects I enjoyed working on are highlighted below. Select ",Object(o.jsx)("b",{children:"'GitHub'"})," for the project repository and the code behind the app. Select ",Object(o.jsx)("b",{children:"'Live App'"})," to view the deployed project! Visit my full GitHub repository at: ",Object(o.jsx)("a",{className:"onomatopoetica",href:"https://github.com/onomatopoetica",target:"_blank",children:"Onomatopoetica"}),". ",Object(o.jsx)("em",{children:"Please note: Apps deployed on Heroku take a little longer to load."})," "]}),Object(o.jsx)("div",{className:"cards__container",children:Object(o.jsxs)("div",{className:"cards__wrapper",children:[Object(o.jsxs)("ul",{className:"cards__items",children:[Object(o.jsx)(h,{img:!0,src:g,text:"A progressive web app! This group project fitness journal uses a Node + Express server with a mySQL database + a Sequelize ORM and an MVC design paradigm. This application is deployed on Heroku.",label:"Evolve Fitness Journal",url:"https://github.com/onomatopoetica/evolve",appURL:"https://evolve-journal.herokuapp.com/"}),Object(o.jsx)(h,{img:!0,src:x,text:"Students have 75 seconds to take a JavaScript quiz testing their knowledge of the fundamentals. The app stores high scores enabling students to gauge their progress compared to their peers. Deployed on GitHub.",label:"JavaScript Code Quiz",url:"https://github.com/onomatopoetica/code-quiz",appURL:"https://onomatopoetica.github.io/code-quiz/"})]}),Object(o.jsxs)("ul",{className:"cards__items",children:[Object(o.jsx)(h,{img:!0,src:O,text:"An employee directory app using React to create UI components, manage component state and respond to user input events. Random User API is used to demonstrate app functionality. Results begin to render in the table as the user types.",label:"React Employee Directory",url:"https://github.com/onomatopoetica/react-employee-directory",appURL:"https://onomatopoetica.github.io/react-employee-directory/"}),Object(o.jsx)(h,{img:!0,src:f,text:"A group project using jQuery + Spoonacular API creates a resource for people with food sensitivities. The user can search by specific dietary requirements to view a recipe, ingredients, instructions + view more information about the recipe.",label:"Picky Eater Recipe App",url:"https://github.com/jkriese12/picky-eater",appURL:"https://jkriese12.github.io/picky-eater/"})]}),Object(o.jsxs)("ul",{className:"cards__items",children:[Object(o.jsx)(h,{img:!0,src:u,text:"A fitness (workout) tracker incorporates a Mongo database with a Mongoose schema and routing with Express. The app uses MongoDB Atlas cloud database to store user data. The app is deployed on Heroku.",label:"Fitness Tracker",url:"https://github.com/onomatopoetica/workout-tracker",appURL:"https://immense-inlet-26212.herokuapp.com/"}),Object(o.jsx)(h,{img:!0,src:v,text:"A responsive budget tracker progressive web app (PWA) with offline functionality. Deposits and expenses are stored in a MongoDB Atlas cloud database. The app is deployed on Heroku.",label:"Travel Budget",url:"https://github.com/onomatopoetica/budget-tracker",appURL:"https://agile-river-83351.herokuapp.com/"})]})]})})]})]})};a(35);var y=function(){return Object(o.jsxs)("div",{className:"footer-container",children:[Object(o.jsx)("section",{id:"contact",children:Object(o.jsx)("div",{className:"footer-links",children:Object(o.jsx)("div",{className:"footer-link-wrapper",children:Object(o.jsxs)("div",{className:"footer-link-items",children:[Object(o.jsx)("h2",{children:"CONTACT ME"}),Object(o.jsx)("p",{className:"email",children:"jendotb@gmail.com"})]})})})}),Object(o.jsx)("section",{className:"social-media",children:Object(o.jsxs)("div",{className:"social-media-wrap",children:[Object(o.jsx)("div",{className:"footer-logo",children:Object(o.jsx)("p",{className:"social-logo",children:"Nice to meet you!"})}),Object(o.jsxs)("h4",{className:"website-rights",children:["Made with ",Object(o.jsx)("i",{className:"fas fa-heart"})," Onomatopoetica \xa9 2021"]}),Object(o.jsxs)("div",{className:"social-icons",children:[Object(o.jsx)("a",{className:"social-icon-link github",href:"https://github.com/onomatopoetica",target:"_blank","aria-label":"GitHub",children:Object(o.jsx)("i",{className:"fab fa-github"})}),Object(o.jsx)("a",{className:"social-icon-link twitter",href:"https://twitter.com/JenDotB",target:"_blank","aria-label":"Twitter",children:Object(o.jsx)("i",{className:"fab fa-twitter"})}),Object(o.jsx)("a",{className:"social-icon-link linkedin",href:"https://www.linkedin.com/in/jenbates/",target:"_blank","aria-label":"LinkedIn",children:Object(o.jsx)("i",{className:"fab fa-linkedin"})}),Object(o.jsx)("a",{className:"social-icon-link unsplash",href:"https://unsplash.com/@jendotb",target:"_blank","aria-label":"UnSplash",children:Object(o.jsx)("i",{className:"fab fa-unsplash"})})]})]})})]})};var _=function(){return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(m,{}),Object(o.jsx)(k,{}),Object(o.jsx)(y,{})]})};function w(){return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)("h1",{className:"about",children:"About"}),Object(o.jsx)("p",{className:"paragraph1",children:"Lorem ipsum"})]})}function A(){var e=Object(j.f)().pathname;return Object(s.useEffect)((function(){window.scrollTo(0,0)}),[e]),null}var I=function(){return Object(o.jsx)(o.Fragment,{children:Object(o.jsxs)(r.a,{children:[Object(o.jsx)(A,{}),Object(o.jsx)(l,{}),Object(o.jsxs)(j.c,{children:[Object(o.jsx)(j.a,{path:"/",exact:!0,component:_}),Object(o.jsx)(j.a,{path:"/react-jen-portfolio",exact:!0,component:_}),Object(o.jsx)(j.a,{path:"/react-jen-portfolio/about",exact:!0,component:w})]})]})})};i.a.render(Object(o.jsx)(I,{}),document.getElementById("root"))}},[[36,1,2]]]);
  //# sourceMappingURL=main.017465f7.chunk.js.map