component---src-pages-portfolio-js-1d67e66311d450e79b90.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{E6xs:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),i=a.n(n),r=a("ma3e"),o=a("Pe/n"),l=a("xpHM"),c=function(e){var t=e.icon,a=e.to,n=e.children,r=e.title;return i.a.createElement("div",{className:"portfolio-link"},i.a.createElement(l.a,{to:a,icon:t,title:r},i.a.createElement("h2",{className:"portfolio-link__header"},n)))},s=function(e){var t=e.children;return i.a.createElement("div",{className:"portfolio-badge"},t)},m=function(e){var t=e.title,a=e.image,n=e.children,r=e.links,o=e.badges;return i.a.createElement("div",{className:"portfolio-entry"},i.a.createElement("div",{className:"portfolio-entry__block-area"},i.a.createElement("img",{src:a,alt:t,className:"portfolio-entry__image"}),i.a.createElement("h2",{className:"portfolio-entry__title"},t),i.a.createElement("div",{className:"portfolio-entry__header"},i.a.createElement("div",{className:"portfolio-entry__links"},r&&r.map((function(e,t){return i.a.createElement(c,{key:t,to:e.to,icon:e.icon,title:e.title},e.text)}))))),i.a.createElement("div",{className:"portfolio-entry__sub-area"},o&&o.map((function(e,t){return i.a.createElement(s,{key:t},e)}))),i.a.createElement("div",{className:"portfolio-entry__text-area"},n))},p=a("wVGa"),u=a.n(p),d=a("oM1c"),f=a.n(d),h=a("cNKt"),b=a.n(h),E=a("FlGw"),g=a.n(E);t.default=function(){return i.a.createElement(o.b,null,i.a.createElement(o.f,null,"Portfolio"),i.a.createElement(m,{image:u.a,title:"Phone Case Builder App",links:[{to:"https://github.com/victorfeitosa/phone-case-builder",icon:i.a.createElement(r.d,null),title:"Github",text:"Repository"},{to:"https://casebuilder.herokuapp.com/",icon:i.a.createElement(r.h,null),title:"Heroku App",text:"App"}],badges:["15 day challenge","Vue","Web App","Vuetify","W.I.P."]},i.a.createElement("p",null,"Made in my free time over 15 days, this app is a phone case builder and customizer that allows the user to build a customized phone case with a backgorund, text and stickers."),i.a.createElement("p",null,"This project was made to make myself re-acquainted to VueJS. There are only a few dependencies and I tried to keep most things my own, including the transform widgets and DOM manipulation")),i.a.createElement(m,{image:f.a,title:"My Website",links:[{to:"https://github.com/victorfeitosa/victorfeitosa.github.io",icon:i.a.createElement(r.d,null),title:"Github",text:"Repository"},{to:"https://victorfeitosa.github.io",icon:i.a.createElement(r.e,null),title:"Home",text:"Home"}],badges:["GatsbyJS","Portfolio","React","SCSS","Website"]},i.a.createElement("p",null,"My portfolio website!"),i.a.createElement("p",null,"This website you're visiting was made entirely in React with GatsbyJS. It is intended to be updated constantly and soon will have a mobile version and a PWA. All styles colors and design are entirely by me. Visit it's GitHub page to check out the source code.")),i.a.createElement(m,{image:b.a,title:"Expense Manager App",links:[{to:"https://github.com/victorfeitosa/ExpenseManager",icon:i.a.createElement(r.d,null),title:"Github",text:"Repository"},{to:"https://expense-man.herokuapp.com/",icon:i.a.createElement(r.h,null),title:"App",text:"WebApp"}],badges:["Firebase","Mobile-First","React","SCSS","SPA","WebApp"]},i.a.createElement("p",null,"An Expense Manager WebApp. Done in React with Firebase for Database and Authentication."),i.a.createElement("p",null,"This app records expenses the user had and filters them in a date span. It is mobile-first and soon will be a PWA. This was done so I could learn React and Firebase, so  it's pretty simple!")),i.a.createElement(m,{image:g.a,title:"Old FrontEnd Projects",links:[{to:"https://github.com/victorfeitosa/OldFrontendProjects",icon:i.a.createElement(r.d,null),title:"Github",text:"Repository"}],badges:["ES6","Front End","Mobile-first","SCSS","SPA","WebApp"]},i.a.createElement("p",null,"These are several Front End projects I've done in the past, usually small things to learn a framework, or tests for job interviews"),i.a.createElement("p",null,"Some of them are pretty rough around the edges and were done only to learn some concepts.")))}},FlGw:function(e,t,a){e.exports=a.p+"static/oldprojs-b2f8a058504cc0a92a66508a96e00e3f.jpg"},"Pe/n":function(e,t,a){"use strict";a.d(t,"b",(function(){return r})),a.d(t,"f",(function(){return o})),a.d(t,"d",(function(){return l})),a.d(t,"a",(function(){return c})),a.d(t,"c",(function(){return m})),a.d(t,"e",(function(){return p}));var n=a("q1tI"),i=a.n(n),r=function(e){var t=e.children;return i.a.createElement("main",{className:"page-main"},t)},o=function(e){var t=e.children,a=e.icon,n=void 0===a?null:a;return i.a.createElement("div",{className:"title"},n," ",i.a.createElement("h2",{className:"title__text"},t))},l=function(e){var t=e.children;return i.a.createElement("h3",{className:"subtitle"},t)},c=function(e){var t=e.to,a=e.icon,n=e.iconPosition,r=void 0===n?"before":n,o=e.children,l=a&&"before"===r,c=a&&"after"===r;return i.a.createElement("span",{className:"page-link"},l&&i.a.createElement(a,{className:"page-link__icon"}),i.a.createElement("a",{href:t,className:"page-link__anchor"},o),c&&i.a.createElement(a,{className:"page-link__icon"}))},s=function(){return i.a.createElement(i.a.Fragment,null,"    ")},m=function(e){var t=e.children;return i.a.createElement("p",{className:"paragraph"},i.a.createElement(s,null),t)},p=function(e){var t=e.src,a=e.srcSet,n=e.responsive,r=void 0===n||n,o=e.alt;return i.a.createElement("img",{alt:o,src:t,srcSet:a,className:"text-image"+(r?" text-image--responsive":"")})}},cNKt:function(e,t,a){e.exports=a.p+"static/expenseman-98c58a2dd6d91df063d0df20b2ea0952.jpg"},oM1c:function(e,t,a){e.exports=a.p+"static/website-0e834eb20652792f92c2267e14e92b74.jpg"},wVGa:function(e,t,a){e.exports=a.p+"static/casebuilder-74253d428689213a91b16f8d2844dddc.png"}}]);
//# sourceMappingURL=component---src-pages-portfolio-js-1d67e66311d450e79b90.js.map