https://simongomes.dev/_next/static/chunks/pages/index-2b338b634ae50915.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(4869)}])},4869:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return C}});var n=t(5893),a=t(7294),i=t(9008),r=t.n(i),o=t(1664),c=t.n(o),l=function(){return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("header",{className:"site-header",children:(0,n.jsx)("div",{className:"header-wrap",children:(0,n.jsx)(c(),{href:"/",children:(0,n.jsx)("a",{className:"logo",children:"<simon-gomes/>"})})})})})},d=t(8735),h=function(){var e=(0,a.useState)(!1),s=e[0],t=e[1];return(0,a.useEffect)(function(){t(!0)},[]),(0,n.jsx)("section",{className:"about",id:"about",children:(0,n.jsxs)("p",{children:["Experienced Senior Software Engineer, over 8+ years of experience in the field. Specialized in"," ",(0,n.jsx)("strong",{title:"(React, Next, Vue, Nuxt, Node.js, Express, Nest, Strapi, Ghost, ES6)","data-tip":!0,"data-for":"JavaScript",children:"JavaScript / TypeScript"}),s&&(0,n.jsx)(d.Z,{id:"JavaScript",type:"warning",effect:"solid",children:(0,n.jsx)("span",{children:"(React, Next, Vue, Nuxt, Node.js, Express, Nest, Strapi, Ghost, ES6)"})}),","," ",(0,n.jsx)("strong",{title:"(Laravel, Codeigniter, WordPress)","data-tip":!0,"data-for":"PHP",children:"PHP"}),",",s&&(0,n.jsx)(d.Z,{id:"PHP",type:"warning",effect:"solid",children:(0,n.jsx)("span",{children:"(Laravel, Codeigniter, WordPress)"})})," ","moderate understand on"," ",(0,n.jsx)("strong",{title:"(Express, Nest, Hapi)","data-tip":!0,"data-for":"Node",children:"Node"}),s&&(0,n.jsx)(d.Z,{id:"Node",type:"warning",effect:"solid",children:(0,n.jsx)("span",{children:"(Express, Nest, Hapi)"})})," ","for server-side scripting and API development as well as"," ",(0,n.jsx)("strong",{title:"(MySql, MariaDB, NoSQL)","data-tip":!0,"data-for":"database",children:"Database Management"})," ","and architecture.",s&&(0,n.jsx)(d.Z,{id:"database",type:"warning",effect:"solid",children:(0,n.jsx)("span",{children:"(MySql, MariaDB, PostgreSQL, NoSQL, MongoDB)"})})]})})},m=function(){return(0,n.jsx)("section",{className:"location",id:"location",children:(0,n.jsxs)("h5",{children:[(0,n.jsx)("span",{className:"hash-tag",children:"#"})," Location:"," ",(0,n.jsx)("span",{className:"thin-text",children:"Bangkok, Thailand"})]})})},u=function(){return(0,n.jsx)("section",{className:"work",id:"work",children:(0,n.jsxs)("p",{children:["Working as a Senior Software Engineer at"," ",(0,n.jsx)("a",{href:"https://redapt.com",title:"O.XYZ",target:"_blank",rel:"noreferrer",children:"Redapt, Inc."})]})})},$=function(){var e=(0,a.useState)([{id:1,name:"JavaScript / TypeScript",score:"31.37"},{id:2,name:"PHP",score:"15.21"},{id:3,name:"Database Management",score:"13.45"},{id:4,name:"API Development (REST, GraphQL)",score:"17.39"},{id:5,name:"Architecture & UI Engineering",score:"7.26"},{id:6,name:"Project Management",score:"5.32"},]),s=e[0];return e[1],(0,n.jsxs)("section",{children:[(0,n.jsxs)("h5",{children:[(0,n.jsx)("span",{className:"hash-tag",children:"#"})," Skills:"]}),(0,n.jsx)("ul",{children:s&&s.map(function(e){return(0,n.jsxs)("li",{children:[e.name," (",e.score,"%)"]},e.id)})})]})},g=function(){return(0,n.jsxs)("section",{className:"connect",id:"connect",children:[(0,n.jsxs)("h5",{children:[(0,n.jsx)("span",{className:"hash-tag",children:"#"})," Connect:"]}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://www.linkedin.com/in/simon-gomes/",target:"_blank",rel:"noreferrer",children:"Linkedin"})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://github.com/simongomes",target:"_blank",rel:"noreferrer",children:"GitHub"})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://twitter.com/busy_simon",target:"_blank",rel:"noreferrer",children:"Twitter"})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://www.facebook.com/sum.sim",target:"_blank",rel:"noreferrer",children:"Facebook"})}),(0,n.jsx)("li",{children:(0,n.jsx)("a",{href:"https://www.instagram.com/simonsumitgomes/",target:"_blank",rel:"noreferrer",children:"Instagram"})})]})]})},p=t(4111),x=t(1438),f=t(2951),j=t(4924),b=t(8029),v=t(460),S=t(9972),N=t(2023),y=t.n(N),k=t(4866);t(7058),t(8542),k.Z.apps.length||k.Z.initializeApp({apiKey:"AIzaSyCkOEbFQ_8ua-v96SOWos1TGxUS-3QC7v0",authDomain:"simongomes-live-chat.firebaseapp.com",databaseURL:"https://simongomes-live-chat.firebaseio.com",projectId:"simongomes-live-chat",storageBucket:"simongomes-live-chat.appspot.com",messagingSenderId:"619485805025",appId:"1:619485805025:web:7c277e1370cfbbee"});var w=k.Z,_=t(675),E=t(5697),M=t(5501),T=t(7060),Z=function(e){(0,b.Z)(t,e);var s=(0,v.Z)(t);function t(e){var n;return(0,x.Z)(this,t),n=s.call(this,e),(0,j.Z)((0,p.Z)(n),"scrollToBottom",function(){n.messagesEnd.scrollIntoView({behavior:"smooth"})}),n.state={message:{message:"",name:"",color:"",time:null},chats:[],submitDisabled:!1,database:w.database()},n.onMessageType=n.onMessageType.bind((0,p.Z)(n)),n.onMessageSubmit=n.onMessageSubmit.bind((0,p.Z)(n)),n}

1return(0,f.Z)(t,[{key:"componentDidMount",value:function(){var e=this;this.state.database.ref("messages").on("value",function(s){e.setState({chats:Object.keys(s.val()).map(function(e){return s.val()[e]})})});var s=this.props.cookies;s.get("chat_name")||s.set("chat_name",(0,S._8)({dictionaries:[S.Dv,S.yd],separator:"-",length:2}),{path:"/"}),s.get("chat_color")||s.set("chat_color",y()({luminosity:"bright"}),{path:"/"}),this.setState(function(e){return{message:Object.assign(e.message,{color:s.get("chat_color")})}}),this.setState(function(e){return{message:Object.assign(e.message,{name:s.get("chat_name")})}}),this.scrollToBottom()}},{key:"componentDidUpdate",value:function(){this.scrollToBottom()}},{key:"onMessageType",value:function(e){e.persist(),this.setState(function(s){return{message:Object.assign(s.message,{message:e.target.value})}})}},{key:"onMessageSubmit",value:function(e){var s=this;if(13===e.charCode&&!this.submitDisabled){this.submitDisabled=!0,this.setState(function(e){return{message:Object.assign(e.message,{time:Date.now()})}});var t=this.state.database.ref("messages");""!==this.state.message.message||""!==this.state.message.message.trim()?setTimeout(function(){t.push(s.state.message),s.setState(function(e){return{message:Object.assign(e.message,{message:""})}}),s.submitDisabled=!1},1500):this.submitDisabled=!1}}},{key:"render",value:function(){var e=this;return(0,n.jsxs)("div",{className:"chatbox",id:"chatbox",children:[(0,n.jsxs)("div",{className:"chatbox-topbar",children:[(0,n.jsx)("button",{className:"chatbox-topbar-button button-red"}),(0,n.jsx)("button",{className:"chatbox-topbar-button button-yellow"}),(0,n.jsx)("button",{className:"chatbox-topbar-button button-green"})]}),(0,n.jsx)(_.ZP,{className:"chatbox-body",style:{width:"31.1rem",height:"50vh"},children:(0,n.jsxs)("ul",{className:"chat-list",children:[this.state.chats.map(function(e,s){return(0,n.jsxs)("li",{className:"chat-item",children:[(0,n.jsxs)("span",{className:"user-name",style:{color:e.color},children:[e.name,":"," "]})," ",(0,n.jsx)("span",{className:"message",children:e.message})]},s)}),(0,n.jsx)("li",{style:{float:"left",clear:"both"},ref:function(s){e.messagesEnd=s}})]})}),(0,n.jsx)("div",{className:"chatbox-input",children:(0,n.jsx)("input",{type:"text",placeholder:"Type your message here...",onChange:this.onMessageType,onKeyPress:this.onMessageSubmit,value:this.state.message.message})})]})}}]),t}(a.Component);(0,j.Z)(Z,"propTypes",{cookies:(0,E.instanceOf)(M.Z).isRequired});var P=(0,T.Z)(Z),I=function(){return(0,n.jsx)("div",{children:(0,n.jsxs)("div",{className:"content-wrapper",children:[(0,n.jsx)(h,{}),(0,n.jsx)(m,{}),(0,n.jsx)(u,{}),(0,n.jsx)($,{}),(0,n.jsx)(g,{}),(0,n.jsx)(P,{})]})})},D=t(4410),C=function(){return(0,n.jsxs)(a.Fragment,{children:[(0,n.jsxs)(r(),{children:[(0,n.jsx)("title",{children:"Simon Gomes - Senior Frontend Engineer"}),(0,n.jsx)("meta",{name:"viewport",content:"initial-scale=1.0, width=device-width"}),(0,n.jsx)("meta",{name:"description",content:"I'm a Senior Frontend Engineer working in the field since 2015. My core strength is planning, architecting, and building better frontend UI/UX which is easy to understand and navigate to the end users. My skills and tech stack involve - JavaScript, TypeScript, React, Next, Vue, Git, CI/CD, REST APIs."}),(0,n.jsx)("meta",{name:"og:title",content:"Simon Gomes - Senior Frontend Engineer"}),(0,n.jsx)("meta",{name:"og:description",content:"I'm a Senior Frontend Engineer working in the field since 2015. My core strength is planning, architecting, and building better frontend UI/UX which is easy to understand and navigate to the end users. My skills and tech stack involve - JavaScript, TypeScript, React, Next, Vue, Git, CI/CD, REST APIs."}),(0,n.jsx)("meta",{name:"theme-color",content:"#ffd201"})]}),(0,n.jsxs)(D.Z,{children:[(0,n.jsx)(l,{}),(0,n.jsx)(I,{})]})]})}}},function(e){e.O(0,[627,802,774,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);