index.e67c8a903764b6a5426c.js

!function(e){function t(t){for(var n,r,s=t[0],c=t[1],l=t[2],p=0,m=[];p<s.length;p++)r=s[p],i[r]&&m.push(i[r][0]),i[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(d&&d(t);m.length;)m.shift()();return o.push.apply(o,l||[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,s=1;s<a.length;s++){var c=a[s];0!==i[c]&&(n=!1)}n&&(o.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},i={0:0},o=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.e=function(e){var t=[],a=i[e];if(0!==a)if(a)t.push(a[2]);else{var n=new Promise(function(t,n){a=i[e]=[t,n]});t.push(a[2]=n);var o,s=document.createElement("script");s.charset="utf-8",s.timeout=120,r.nc&&s.setAttribute("nonce",r.nc),s.src=function(e){return r.p+""+e+".chunk.js"}(e);var c=new Error;o=function(t){s.onerror=s.onload=null,clearTimeout(l);var a=i[e];if(0!==a){if(a){var n=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src;c.message="Loading chunk "+e+" failed.\n("+n+": "+o+")",c.name="ChunkLoadError",c.type=n,c.request=o,a[1](c)}i[e]=void 0}};var l=setTimeout(function(){o({type:"timeout",target:s})},12e4);s.onerror=s.onload=o,document.head.appendChild(s)}return Promise.all(t)},r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r.oe=function(e){throw console.error(e),e};var s=window.webpackJsonp=window.webpackJsonp||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var d=c;o.push([186,1]),a()}({114:function(e,t,a){e.exports=a.p+"imgs/projects-bg.164300c894413d92dffebf39bd496cbc.jpeg"},118:function(e,t,a){"use strict";a.r(t);a(27);var n=a(0),i=a.n(n),o=a(218),r=a(224),s=a(219),c=(a(124),a(122)),l=a(216),d=a(217),p=a(188),m=a(48),u=a(23),h=a.n(u),g=a(39),b=a.n(g),f=a(114),y=a.n(f);const w=Object(c.a)(e=>({media:{minHeight:"320px"},card:{position:"relative",borderRadius:0,transition:"all 0.5s ease-out"},cardContent:{position:"absolute",top:0,background:"rgba(255,255,255,0.6)",padding:e.spacing(3),width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-around",alignItems:"center"},cardContentHeader:{display:"flex",flexDirection:"column"},title:{fontSize:e.spacing(3),fontWeight:600,color:e.palette.primary.dark},stack:{color:e.palette.secondary.dark,fontSize:e.spacing(1.75),fontWeight:500}}));var v=e=>{let{project:t}=e;const[a,n]=i.a.useState(!1),o=w();return i.a.createElement(b.a,{duration:500},i.a.createElement(l.a,{className:o.card,onMouseEnter:e=>n(!0),onMouseLeave:e=>n(!1)},i.a.createElement(d.a,{className:o.media,image:y.a,title:t.name}),a&&i.a.createElement("div",{className:o.cardContent},i.a.createElement(h.a,{duration:300,top:!0},i.a.createElement("div",{className:o.cardContentHeader},i.a.createElement(p.a,{variant:"body1",align:"center",className:o.title},t.name),i.a.createElement(p.a,{variant:"body1",align:"center",className:o.stack},t.stack.replace(/,/g," + ")))),i.a.createElement(h.a,{duration:300,bottom:!0},i.a.createElement(m.a,{id:"project-btn",target:"_blank",href:t.projectLink},"View Code")))))},x=a(49),k=a(80),j=a(13),E=a(26),S=a.n(E),O=a(12);a.d(t,"TABS_MAPPING",function(){return C});const C={0:"all",1:"node.js",2:"javascript",3:"python",4:"golang",5:"postgresql",6:"mongodb",7:"docker",8:"rabbitmq",8:"REST",9:"GraphQL",10:"React"},T={style:{backgroundColor:"transparent"}},I=Object(c.a)(e=>({arrow:{color:e.palette.secondary.main,background:e.palette.secondary.light,position:"static",margin:"".concat(e.spacing(2.5),"px auto 0 auto"),display:"block"},active:{background:e.palette.secondary.main,transition:"background 0.8s cubic-bezier(0,0,0.58,1)"},bg:{backgroundColor:e.palette.primary.main,transition:"background 0.8s cubic-bezier(0,0,0.58,1)"},tabs:{borderBottom:"1.25px solid ".concat(e.palette.secondary.dark),width:"100%",display:"flex",justifyContent:"center"},tab:{color:e.palette.primary.contrastText,fontWeight:600,"@media(max-width:600px)":{minWidth:"100%"}},tabsContainer:{display:"flex",alignItems:"center",justifyContent:"center",'& [role="tablist"]':{display:"grid",[e.breakpoints.only("xs")]:{gridTemplateColumns:"repeat(2, 1fr)"},[e.breakpoints.only("sm")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.up("md")]:{gridTemplateColumns:"repeat(4, 1fr)"},[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(6, 1fr)"}}}}));t.default=()=>{const e=I(),[t,a]=Object(n.useState)(0),{sections:{projects:c}}=Object(O.b)(),l=j.a.filterProjects(c.list,t);return i.a.createElement(i.a.Fragment,null,i.a.createElement(o.a,{container:!0},i.a.createElement(o.a,{item:!0,xs:12},i.a.createElement(k.a,{duration:300,delay:500,effect:h.a,left:!0},i.a.createElement("div",{className:e.tabsContainer},i.a.createElement(r.a,{value:t,onChange:(e,t)=>a(t),className:S()(e.tabs,e.bg),TabIndicatorProps:T},Object.values(C).map((a,n)=>i.a.createElement(s.a,{label:a,key:a,className:S()(e.tab,t===n?e.active:"")})))))),i.a.createElement(o.a,{item:!0,xs:12,className:e.bg},i.a.createElement(o.a,{container:!0,alignItems:"flex-start",justify:"flex-start",style:{minHeight:"640px"}},l.map((e,t)=>i.a.createElement(o.a,{item:!0,xs:12,sm:6,md:4,key:"".concat(e.name,"-").concat(t)},i.a.createElement(v,{project:e})))))),i.a.createElement(x.a,{to:"contact",className:e.arrow,id:"contact-arrow-down","aria-label":"contact-arrow-down"}))}},12:function(e,t,a){"use strict";a(27);var n=a(0),i=a.n(n),o=a(215),r=a(117);const s=Object(r.a)({palette:{primary:{light:"#808080",main:"#4D4D4D",dark:"#303030",contrastText:"#fff"},secondary:{light:"#c7f0e9",main:"#05a98b",dark:"#024b3e",contrastText:"#fff"},error:{light:"#f3b2b6",main:"#C52424",dark:"#E50404"},success:{main:"#28a745"}},typography:{fontFamily:["Roboto","sans-serif"].join(","),fontSize:16},breakpoints:{values:{xs:0,sm:600,md:960,lg:1280,xl:1920}},space:e=>"".concat(.25*e,"rem"),zIndex:0,customs:{navHeight:64}});var c=a(214),l=a(77);a.d(t,"c",function(){return p}),a.d(t,"b",function(){return u});const d=i.a.createContext({slide:null,setSlide:null}),p=()=>i.a.useContext(d),m=i.a.createContext(l),u=()=>i.a.useContext(m);t.a=e=>{let{children:t}=e;const[a,r]=Object(n.useState)("introduction");return i.a.createElement(n.Suspense,{fallback:i.a.createElement(c.a,{color:"secondary",size:100})},i.a.createElement(o.a,{theme:s},i.a.createElement(d.Provider,{value:{slide:a,setSlide:r}},i.a.createElement(m.Provider,{value:l},t))))}},13:function(e,t,a){"use strict";(function(e){a.d(t,"b",function(){return r});a(172),a(175),a(27);var n=a(113),i=a.n(n),o=a(118);const r={offset:10,activeClass:"active",spy:!0,smooth:!0,duration:800};t.a={root:i.a.resolve(e,".."),filterProjects:(e,t)=>{const a=[],n=o.TABS_MAPPING[t];if("all"===n)return e;const i=new RegExp(n,"i");for(let t of e)i.test(t.stack)&&a.push(t);return a},isEmail:e=>/[\w-.]+@([\w-]+\.)+([\w-]{2,20})/.test(e),isEmpty:e=>/.+/.test(e)}}).call(this,"/")},183:function(e,t,a){},184:function(e,t,a){},186:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a.n(n),o=a(17),r=a(12),s=a(122);const c=e=>i.a.createElement("div",e),l=e=>{let{children:t}=e;const a=d();return i.a.createElement("div",{className:a.root},t)},d=Object(s.a)(e=>({root:{background:"linear-gradient(#303030, #024b3e)",zIndex:-10,height:"100vh",position:"absolute",top:0,left:0,right:0,bottom:0,"@media(max-width:600px)":{top:"185px"}}}));a(151),a(27);var p=a(220),m=a(221),u=a(218),h=a(120),g=a(20),b=a(222),f=a(13),y=a(26),w=a.n(y);const v=Object(s.a)(e=>({navbar:{transition:"background 300ms ease-in-out",boxShadow:"none",position:"fixed",fontFamily:"Roboto,sans-serif",top:0,zIndex:10,"@media(max-width:600px)":{position:"static",padding:e.spacing(3),paddingBottom:e.spacing(3.5),backgroundColor:"".concat(e.palette.primary.dark," !important")}},right:{display:"flex",alignItems:"center",justifyContent:"flex-end","@media(max-width:600px)":{alignItems:"center",justifyContent:"center",textAlign:"center"}},left:{"@media(max-width:600px)":{display:"flex",justifyContent:"center"}},link:{color:e.palette.primary.contrastText,borderBottom:"1.5px solid transparent",marginLeft:e.spacing(2),paddingBottom:e.spacing(.5),fontSize:e.spacing(2),letterSpacing:e.spacing(.25),fontWeight:600,textTransform:"upperCase","&:hover":{textDecoration:"none",borderBottom:"1.5px solid ".concat(e.palette.secondary.main)}},linearProgress:{height:"2px","@media(max-width:600px)":{display:"none"}},grid:{"@media(max-width:600px)":{display:"grid",gridAutoFlow:"row",gridRowGap:e.spacing(1.25)}}}));var x=e=>{const t=Object(h.a)(),a=v(),{slide:n}=Object(r.c)(),o="introduction"===n;return i.a.createElement(p.a,{className:a.navbar,id:"navbar",style:{background:o?"transparent":t.palette.secondary.dark}},i.a.createElement(m.a,{variant:"dense"},i.a.createElement(u.a,{container:!0,className:a.grid},i.a.createElement(u.a,{item:!0,xs:12,className:w()(a.right,a.grid)},i.a.createElement(g.Link,Object.assign({},f.b,{to:"introduction",offset:0,className:a.link,style:{color:"introduction"===n?t.palette.secondary.main:t.palette.primary.contrastText}}),"Intro"),i.a.createElement(g.Link,Object.assign({},f.b,{to:"about",className:a.link,style:{color:"about"===n?t.palette.secondary.main:t.palette.primary.contrastText}}),"About"),i.a.createElement(g.Link,Object.assign({},f.b,{to:"projects",className:a.link,style:{color:"projects"===n?t.palette.secondary.main:t.palette.primary.contrastText}}),"Projects"),i.a.createElement(g.Link,Object.assign({},f.b,{to:"contact",className:a.link,style:{color:"contact"===n?t.palette.secondary.main:t.palette.primary.contrastText}}),"Contact")))),i.a.createElement(b.a,{className:a.linearProgress,value:e.pageOffset,variant:"determinate"}))},k=a(223),j=a(121),E=a(188),S=a(49),O=a(116),C=a.n(O),T=a(48),I=a(39),L=a.n(I);const M=Object(s.a)(e=>({root:{position:"relative"},paper:{borderRadius:0,background:"transparent",color:e.palette.primary.contrastText,padding:e.spacing(3),display:"flex",alignItems:"center",justify:"center",height:"100vh",position:"relative"},gridItem:{height:"80vh",display:"flex",flexDirection:"column",alignItems:"flex-end",justifyContent:"flex-start",padding:e.spacing(4)},title:{textAlign:"right",fontSize:e.spacing(5),fontFamily:"Permanent Marker , cursive",maxWidth:e.spacing(40),marginBottom:e.spacing(2)},header:{display:"flex",alignItem:"flex-start",justifyContent:"flex-end"},viewText:{margin:"auto"}}));var q=e=>{const t=M(),{sections:{introduction:a}}=Object(r.b)();return i.a.createElement(u.a,Object.assign({container:!0,className:t.root,id:"introduction"},e),i.a.createElement(u.a,{item:!0,xs:12},i.a.createElement(j.a,{className:t.paper,id:"header"},i.a.createElement(u.a,{container:!0,className:t.header},i.a.createElement(u.a,{item:!0,xs:12,md:6,className:t.gridItem},i.a.createElement(L.a,{top:!0,delay:300},i.a.createElement(E.a,{component:"div",className:t.title},a.header.title)),i.a.createElement(L.a,{top:!0,delay:600},i.a.createElement(T.a,Object.assign({className:t.viewText,"aria-label":"view-my-work",to:"projects"},f.b,{component:g.Link}),a.header.viewWorkBtn,i.a.createElement(k.a,null,i.a.createElement(C.a,null))))),i.a.createElement(S.a,{to:"about",id:"introduction-arrow-intro","aria-label":"introduction-arrow-intro"})))))},P=a(214);a(183),a(184),a(185);const N=i.a.lazy(()=>Promise.resolve().then(a.bind(null,118))),A=i.a.lazy(()=>a.e(2).then(a.bind(null,238))),z=i.a.lazy(()=>a.e(3).then(a.bind(null,237))),D=i.a.lazy(()=>a.e(4).then(a.bind(null,239))),R={0:"introduction",1:"about",2:"projects",3:"contact"},B={loader:{overflow:"hidden"},root:{background:"#303030",padding:0,paddingTop:"64px"},contactContent:{display:"flex",flexDirection:"column",justifyContent:"space-between"},pageHeader:{color:"#fff"},bar:{background:"#fff"}},U=Object(s.a)(e=>({gridItem:{diplay:"flex",flexDirection:"column",overflow:"hidden"}}));var G=()=>{const e=U(),{setSlide:t}=Object(r.c)(),[a,o]=i.a.useState(0),{sections:s}=Object(r.b)(),c=()=>{t(R[(()=>{const e=Array.from(document.querySelectorAll("#introduction,#about,#projects,#contact")),t=window.pageYOffset;let a=0,n=0,i=null;for(let o=0;o<e.length;o++){if(a+=e[o].getBoundingClientRect().height,t>=n&&t<a){i=o;break}n=a}return i})()]),o(Math.round(window.pageYOffset/window.document.body.getBoundingClientRect().height*100))};return Object(n.useEffect)(()=>window.addEventListener("scroll",c)),i.a.createElement(u.a,{container:!0,alignItems:"flex-start",justify:"flex-start"},i.a.createElement(u.a,{item:!0,xs:12,className:e.gridItem},i.a.createElement(x,{pageOffset:a}),i.a.createElement(q,null),i.a.createElement(n.Suspense,{fallback:i.a.createElement(P.a,{color:"secondary",size:100})},i.a.createElement(D,{id:"about",header:s.about.name},i.a.createElement(A,null)),i.a.createElement(D,{id:"projects",header:s.projects.name},i.a.createElement(N,null)),i.a.createElement(D,{id:"contact",header:s.contact.name,style:B},i.a.createElement(z,null)))))};Object(o.render)(i.a.createElement(r.a,null,i.a.createElement(G,null)),document.querySelector("#app")),Object(o.render)(i.a.createElement(()=>{const e=window.innerWidth,t=window.innerHeight,a=(e,t)=>"".concat(e/100*t,"px"),n=()=>"".concat(Math.ceil(30*Math.random()),"s");return i.a.createElement(l,null,i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(10,t),left:a(10,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"50px",height:"50px",background:"#05a98b",position:"absolute",top:a(10,t),left:a(27.5,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"100px",height:"100px",background:"#c7f0e9",position:"absolute",top:a(30,t),left:a(30,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"100px",height:"100px",background:"#c7f0e9",position:"absolute",top:a(15,t),left:a(50,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"100px",height:"100px",background:"#c7f0e9",position:"absolute",top:a(10,t),left:a(10,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"100px",height:"100px",background:"#c7f0e9",position:"absolute",top:a(0,t),left:a(60,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(5,t),left:a(35,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"60px",height:"60px",background:"#05a98b",position:"absolute",top:a(10,t),left:a(50,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(10,t),left:a(20,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(0,t),left:a(30,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(20,t),left:a(40,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(10,t),left:a(50,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(15,t),left:a(60,e),animation:"square ".concat(n()," linear infinite")}}),i.a.createElement(c,{style:{width:"40px",height:"40px",background:"#05a98b",position:"absolute",top:a(30,t),left:a(15,e),animation:"square ".concat(n()," linear infinite")}}))},null),document.querySelector("#background"))},48:function(e,t,a){"use strict";var n=a(0),i=a.n(n),o=a(187),r=a(122),s=a(23),c=a.n(s),l=a(26),d=a.n(l);function p(e,t){if(null==e)return{};var a,n,i=function(e,t){if(null==e)return{};var a,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}const m=Object(r.a)(e=>({btn:{fontFamily:"Roboto,sans-serif",zIndex:0,display:"flex",alignItems:"center",justifyContent:"center",transition:"background 0.5s cubic-bezier(0,0,0.58,1)",letterSpacing:"".concat(e.spacing(.125),"px"),padding:"".concat(e.spacing(1.5),"px ").concat(e.spacing(2),"px"),color:e.palette.secondary.main,border:"1.5px solid ".concat(e.palette.secondary.main),textTransform:"uppercase","&:hover":{cursor:"pointer",textDecoration:"none",background:e.palette.secondary.main,color:e.palette.primary.contrastText}}}));t.a=e=>{let{slideProps:t,children:a}=e,n=p(e,["slideProps","children"]);const r=m(),s=n.link?n.link:o.a;return i.a.createElement(c.a,t,i.a.createElement(s,Object.assign({},n,{className:d()(r.btn,n.className&&n.className)}),a))}},49:function(e,t,a){"use strict";var n=a(0),i=a.n(n),o=a(122),r=a(115),s=a.n(r),c=a(189),l=a(20),d=a(13);const p=Object(o.a)(e=>({arrow:{fontSize:e.spacing(5)},icon:{padding:e.spacing(1),color:e.palette.primary.contrastText,"&:hover":{cursor:"pointer"},position:"absolute",bottom:e.spacing(.5),left:"50%",animation:"bounce 1s ease-out infinite forwards"}}));t.a=e=>{const t=p();return i.a.createElement(c.a,Object.assign({className:t.icon,onClick:()=>l.scroller.scrollTo(e.to,d.b)},e),i.a.createElement(s.a,{className:t.arrow}))}},77:function(e){e.exports=JSON.parse('{"sections":{"introduction":{"header":{"title":"A Data Scientist who turned into a Full-Stack Developer","viewWorkBtn":"View my work"}},"about":{"name":"About","objectives":[{"delay":300,"duration":300,"icon":"PermDataSetting","title":"Design","content":"The most important phase of a project is the design. Smart solutions are my primary goal"},{"delay":600,"duration":300,"icon":"Autorenew","title":"Reusability","content":"APIs... what a blessing in the world of tech. Interested in REST and Graphql APIs"},{"delay":900,"duration":300,"icon":"DataUsage","title":"Data","content":"Since we have it, why not using it? Focused in data analysis and visualisations"},{"delay":1200,"duration":300,"icon":"AccessTime","title":"Time","content":"Time is the solution to my problems. If you invest time, you will always get a reward."}],"myself":{"title":"Hi, my name is Marios Simou and I am a full-stack web-developer.","sections":[{"title":"Background","content":"I was awarded an <b>MSc in Spatio-Temporal Analysis and Big Data Mining</b> from University College London in September 2018. I also hold a <b>BSc in Survey Engineering</b> from Cyprus University Of Technology. I was first exposed to programming and web technology one year before enrolled for the postgraduate degree at UCL. I was excited by the opportunity I had to turn ideas into real projects, which gave me the impetus to embark on a programmer career path. Having experienced the great achievements from programming, I decided to enroll on the MSc programme at UCL where I was exposed to both data science and software engieneering topics. It was the best decision I could take towards achieving my career goal: work as a <b>software developer</b>."},{"title":"Why?","content":"Based on my experience &ndash; Surveying Engineering, Data Science and Software Engineering &ndash; I believe that software engineering is one of the most challenging fields, even more than data science. Many people will probably disagree with me, however, I will attempt to explain the reasoning behind my logic. Although data science requires a greater understanding in Maths and more difficult topics, this complexity is not necessarily translated to a degree of challenge. When a data scientist needs to perform a data analysis, it is more likely to follow a certain predefined procedure to answer his/her question &ndash; except if he/she performs a research in a certain topic &ndash;. On the other hand, software engineering captures <b>real-time problems</b>, which requires a deeper understanding of the problem, and at the same time its more influenced by the <b>concept of innovation</b>. The right solution will come from someone who is equally intellectual and knowleadgable in the field, which is <em>especially hard and requires dedication and time for someone to achieve it</em>. In addition, the competition of the field is wider, which means a lower likelihood for someone to succeed. This competition gives me the right motivation to continue working and expanding my knowledge in the field."}],"viewCVBtn":{"title":"View CV"}}},"projects":{"name":"Projects","list":[{"name":"Machine Learning - Regressions","description":"This project is an implementation of machine learning algorithms *Linear* and *Logistic* Regression. Both models are implemented in *Python* and are available either with Stochastic or Batch Gradient Descent optimization","projectLink":"https://github.com/MarioSimou/regression","stack":"Python"},{"name":"Stance Detection - Information Retrieval","description":"This project corresponds to an analysis seeked to find the relatedness between pairs of headlines and article bodies. A Vector Space Model (VSM), KL-divergence language and BMS25 model were observed to calculate the stance of a given pair.","projectLink":"https://github.com/MarioSimou/stance_detection_IR","stack":"Python"},{"name":"GeoTrips","description":"This project is an implementation of my MSc study at University College London (UCL), which uses information of London bicycle sharing system (LBSS), and aims to develop a web tool that applies various spatio-temporal analytics and visualisation techniques. The main objective of the project is to uncover patterns, relationships and correlations that are observed in the cycling data.","projectLink":"https://github.com/MarioSimou/GeoTrips","stack":"python, django, javascript, postgresql"},{"name":"Quiz app","description":"The UCL Quiz app is a location-based smartphone/tablet app, which employs the user location and prompts him/her on a quiz test. The questions, which have a historical related content, are based on the user’s proximity with respect to the buildings of UCL.","projectLink":"https://github.com/MarioSimou/UCL-Quiz-app","stack":"javascript, postgresql, node.js, leaflet"},{"name":"Question System App","description":"The UCL Question System app is a browsed-based web application that works in conjunction with the UCL Quiz app. The main operation of the application is data collection and the population of the back-end database that is used by the UCL Quiz app. In particular, it enables to a user to record POIs in which information has been attached that is employed by the quiz app","projectLink":"https://github.com/MarioSimou/UCL-Question-System-app","stack":"javascript, postgresql, node.js, leaflet"},{"name":"MovieSearch","description":"MovieSearch is web-based application that allows to users to search movies and identify information related to them. The information that is used is based on OMDb API.","projectLink":"https://github.com/MarioSimou/MovieSearch","stack":"node.js, javascript, postgresql"},{"name":"CRUD Todo List - Plain","description":"This project is an implementation of a todo list with vanilla Javascript. A list may be created, updated, deleted and read","projectLink":"git@github.com:MarioSimou/crud-todo-vanillajs.git","stack":"javascript"},{"name":"CRUD Todo List","description":"This project is an implementation of a todo list with React. A list may be created, updated, deleted and read.","projectLink":"https://github.com/MarioSimou/crud-todo-react","stack":"javascript, react"},{"name":"Distributed Transactions - SAGA Pattern - Microservices","description":"This is a side project experimenting with distributed transactions and SAGA pattern in Microservices.","projectLink":"https://github.com/MarioSimou/distributed-transactions-example","stack":"microservices, golang, rabbitmq, docker, react, javascript, postgresql"},{"name":"4Geohub","description":"A web-platform that allows users to manage spatial geometries and interactions mechanisms.","projectLink":"https://www.4geohub.xyz/","stack":"microservices, golang, node.js, rabbitmq, docker, react, javascript, postgresql, mongodb, heroku, REST, GraphQL, unit & functional testing"},{"name":"Coronavirus Map","description":"A basic UI that visualises some basic metrics of Covid-19 across the world","projectLink":"https://mariosimou.github.io/coronavirus-map","stack":"React, javascript, leaflet, REST"},{"name":"Core Data Science","description":"A platform of mine where I post articles related to Computer and Data Science","projectLink":"https://coredatascience.herokuapp.com/","stack":"node.js, javascript, mongodb, REST"}]},"contact":{"name":"Contact","header":{"title":"Contact"},"form":{"title":"I am always glad to answer questions or hear new ideas!"}}},"footer":{"year":2020,"author":"Marios Simou","social":{"twitter":"https://mobile.twitter.com/masimou2","fb":"https://www.facebook.com/marios.simou.184","github":"https://github.com/MarioSimou","linkedIn":"https://www.linkedin.com/in/marios-simou/"}}}')},80:function(e,t,a){"use strict";a(27);var n=a(0),i=a.n(n);function o(e,t){if(null==e)return{};var a,n,i=function(e,t){if(null==e)return{};var a,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)a=o[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}t.a=e=>{let{effect:t,children:a,delay:r}=e,s=o(e,["effect","children","delay"]);const[c,l]=Object(n.useState)(!1),d=t;return Object(n.useEffect)(()=>{setTimeout(()=>l(!0),r)}),i.a.createElement(d,Object.assign({when:c},s),a)}}});