component---src-pages-projects-js-7906e73d78525e2281f3.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{"/eNb":function(e,t,a){e.exports=a.p+"static/step-79c0f665ec28949bee3f5dd85f58d9c6.svg"},"9eSz":function(e,t,a){"use strict";var i=a("TqRt");t.__esModule=!0,t.default=void 0;var r,s=i(a("PJYZ")),n=i(a("VbXa")),o=i(a("8OQS")),d=i(a("pVnL")),l=i(a("q1tI")),c=i(a("17x9")),u=function(e){var t=(0,d.default)({},e),a=t.resolutions,i=t.sizes,r=t.critical;return a&&(t.fixed=a,delete t.resolutions),i&&(t.fluid=i,delete t.sizes),r&&(t.loading="eager"),t.fluid&&(t.fluid=k([].concat(t.fluid))),t.fixed&&(t.fixed=k([].concat(t.fixed))),t},p=function(e){var t=e.media;return!!t&&(y&&!!window.matchMedia(t).matches)},f=function(e){var t=e.fluid,a=e.fixed,i=g(t||a||[]);return i&&i.src},g=function(e){if(y&&function(e){return!!e&&Array.isArray(e)&&e.some((function(e){return void 0!==e.media}))}(e)){var t=e.findIndex(p);if(-1!==t)return e[t];var a=e.findIndex((function(e){return void 0===e.media}));if(-1!==a)return e[a]}return e[0]},m=Object.create({}),h=function(e){var t=u(e),a=f(t);return m[a]||!1},b="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype,y="undefined"!=typeof window,S=y&&window.IntersectionObserver,v=new WeakMap;function E(e){return e.map((function(e){var t=e.src,a=e.srcSet,i=e.srcSetWebp,r=e.media,s=e.sizes;return l.default.createElement(l.default.Fragment,{key:t},i&&l.default.createElement("source",{type:"image/webp",media:r,srcSet:i,sizes:s}),a&&l.default.createElement("source",{media:r,srcSet:a,sizes:s}))}))}function k(e){var t=[],a=[];return e.forEach((function(e){return(e.media?t:a).push(e)})),[].concat(t,a)}function w(e){return e.map((function(e){var t=e.src,a=e.media,i=e.tracedSVG;return l.default.createElement("source",{key:t,media:a,srcSet:i})}))}function L(e){return e.map((function(e){var t=e.src,a=e.media,i=e.base64;return l.default.createElement("source",{key:t,media:a,srcSet:i})}))}function x(e,t){var a=e.srcSet,i=e.srcSetWebp,r=e.media,s=e.sizes;return"<source "+(t?"type='image/webp' ":"")+(r?'media="'+r+'" ':"")+'srcset="'+(t?i:a)+'" '+(s?'sizes="'+s+'" ':"")+"/>"}var R=function(e,t){var a=(void 0===r&&"undefined"!=typeof window&&window.IntersectionObserver&&(r=new window.IntersectionObserver((function(e){e.forEach((function(e){if(v.has(e.target)){var t=v.get(e.target);(e.isIntersecting||e.intersectionRatio>0)&&(r.unobserve(e.target),v.delete(e.target),t())}}))}),{rootMargin:"200px"})),r);return a&&(a.observe(e),v.set(e,t)),function(){a.unobserve(e),v.delete(e)}},I=function(e){var t=e.src?'src="'+e.src+'" ':'src="" ',a=e.sizes?'sizes="'+e.sizes+'" ':"",i=e.srcSet?'srcset="'+e.srcSet+'" ':"",r=e.title?'title="'+e.title+'" ':"",s=e.alt?'alt="'+e.alt+'" ':'alt="" ',n=e.width?'width="'+e.width+'" ':"",o=e.height?'height="'+e.height+'" ':"",d=e.crossOrigin?'crossorigin="'+e.crossOrigin+'" ':"",l=e.loading?'loading="'+e.loading+'" ':"",c=e.draggable?'draggable="'+e.draggable+'" ':"";return"<picture>"+e.imageVariants.map((function(e){return(e.srcSetWebp?x(e,!0):"")+x(e)})).join("")+"<img "+l+n+o+a+i+t+s+r+d+c+'style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture>'},C=l.default.forwardRef((function(e,t){var a=e.src,i=e.imageVariants,r=e.generateSources,s=e.spreadProps,n=e.ariaHidden,o=l.default.createElement(N,(0,d.default)({ref:t,src:a},s,{ariaHidden:n}));return i.length>1?l.default.createElement("picture",null,r(i),o):o})),N=l.default.forwardRef((function(e,t){var a=e.sizes,i=e.srcSet,r=e.src,s=e.style,n=e.onLoad,c=e.onError,u=e.loading,p=e.draggable,f=e.ariaHidden,g=(0,o.default)(e,["sizes","srcSet","src","style","onLoad","onError","loading","draggable","ariaHidden"]);return l.default.createElement("img",(0,d.default)({"aria-hidden":f,sizes:a,srcSet:i,src:r},g,{onLoad:n,onError:c,ref:t,loading:u,draggable:p,style:(0,d.default)({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},s)}))}));N.propTypes={style:c.default.object,onError:c.default.func,onLoad:c.default.func};var j=function(e){function t(t){var a;(a=e.call(this,t)||this).seenBefore=y&&h(t),a.isCritical="eager"===t.loading||t.critical,a.addNoScript=!(a.isCritical&&!t.fadeIn),a.useIOSupport=!b&&S&&!a.isCritical&&!a.seenBefore;var i=a.isCritical||y&&(b||!a.useIOSupport);return a.state={isVisible:i,imgLoaded:!1,imgCached:!1,fadeIn:!a.seenBefore&&t.fadeIn,isHydrated:!1},a.imageRef=l.default.createRef(),a.placeholderRef=t.placeholderRef||l.default.createRef(),a.handleImageLoaded=a.handleImageLoaded.bind((0,s.default)(a)),a.handleRef=a.handleRef.bind((0,s.default)(a)),a}(0,n.default)(t,e);var a=t.prototype;return a.componentDidMount=function(){if(this.setState({isHydrated:y}),this.state.isVisible&&"function"==typeof this.props.onStartLoad&&this.props.onStartLoad({wasCached:h(this.props)}),this.isCritical){var e=this.imageRef.current;e&&e.complete&&this.handleImageLoaded()}},a.componentWillUnmount=function(){this.cleanUpListeners&&this.cleanUpListeners()},a.handleRef=function(e){var t=this;this.useIOSupport&&e&&(this.cleanUpListeners=R(e,(function(){var e=h(t.props);t.state.isVisible||"function"!=typeof t.props.onStartLoad||t.props.onStartLoad({wasCached:e}),t.setState({isVisible:!0},(function(){t.setState({imgLoaded:e,imgCached:!(!t.imageRef.current||!t.imageRef.current.currentSrc)})}))})))},a.handleImageLoaded=function(){var e,t,a;e=this.props,t=u(e),(a=f(t))&&(m[a]=!0),this.setState({imgLoaded:!0}),this.props.onLoad&&this.props.onLoad()},a.render=function(){var e=u(this.props),t=e.title,a=e.alt,i=e.className,r=e.style,s=void 0===r?{}:r,n=e.imgStyle,o=void 0===n?{}:n,c=e.placeholderStyle,p=void 0===c?{}:c,f=e.placeholderClassName,m=e.fluid,h=e.fixed,b=e.backgroundColor,y=e.durationFadeIn,S=e.Tag,v=e.itemProp,k=e.loading,x=e.draggable,R=m||h;if(!R)return null;var j=!1===this.state.fadeIn||this.state.imgLoaded,O=!0===this.state.fadeIn&&!this.state.imgCached,P=(0,d.default)({opacity:j?1:0,transition:O?"opacity "+y+"ms":"none"},o),M="boolean"==typeof b?"lightgray":b,z={transitionDelay:y+"ms"},A=(0,d.default)({opacity:this.state.imgLoaded?0:1},O&&z,o,p),V={title:t,alt:this.state.isVisible?"":a,style:A,className:f,itemProp:v},F=this.state.isHydrated?g(R):R[0];if(m)return l.default.createElement(S,{className:(i||"")+" gatsby-image-wrapper",style:(0,d.default)({position:"relative",overflow:"hidden",maxWidth:F.maxWidth?F.maxWidth+"px":null,maxHeight:F.maxHeight?F.maxHeight+"px":null},s),ref:this.handleRef,key:"fluid-"+JSON.stringify(F.srcSet)},l.default.createElement(S,{"aria-hidden":!0,style:{width:"100%",paddingBottom:100/F.aspectRatio+"%"}}),M&&l.default.createElement(S,{"aria-hidden":!0,title:t,style:(0,d.default)({backgroundColor:M,position:"absolute",top:0,bottom:0,opacity:this.state.imgLoaded?0:1,right:0,left:0},O&&z)}),F.base64&&l.default.createElement(C,{ariaHidden:!0,ref:this.placeholderRef,src:F.base64,spreadProps:V,imageVariants:R,generateSources:L}),F.tracedSVG&&l.default.createElement(C,{ariaHidden:!0,ref:this.placeholderRef,src:F.tracedSVG,spreadProps:V,imageVariants:R,generateSources:w}),this.state.isVisible&&l.default.createElement("picture",null,E(R),l.default.createElement(N,{alt:a,title:t,sizes:F.sizes,src:F.src,crossOrigin:this.props.crossOrigin,srcSet:F.srcSet,style:P,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError,itemProp:v,loading:k,draggable:x})),this.addNoScript&&l.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:I((0,d.default)({alt:a,title:t,loading:k},F,{imageVariants:R}))}}));if(h){var T=(0,d.default)({position:"relative",overflow:"hidden",display:"inline-block",width:F.width,height:F.height},s);return"inherit"===s.display&&delete T.display,l.default.createElement(S,{className:(i||"")+" gatsby-image-wrapper",style:T,ref:this.handleRef,key:"fixed-"+JSON.stringify(F.srcSet)},M&&l.default.createElement(S,{"aria-hidden":!0,title:t,style:(0,d.default)({backgroundColor:M,width:F.width,opacity:this.state.imgLoaded?0:1,height:F.height},O&&z)}),F.base64&&l.default.createElement(C,{ariaHidden:!0,ref:this.placeholderRef,src:F.base64,spreadProps:V,imageVariants:R,generateSources:L}),F.tracedSVG&&l.default.createElement(C,{ariaHidden:!0,ref:this.placeholderRef,src:F.tracedSVG,spreadProps:V,imageVariants:R,generateSources:w}),this.state.isVisible&&l.default.createElement("picture",null,E(R),l.default.createElement(N,{alt:a,title:t,width:F.width,height:F.height,sizes:F.sizes,src:F.src,crossOrigin:this.props.crossOrigin,srcSet:F.srcSet,style:P,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError,itemProp:v,loading:k,draggable:x})),this.addNoScript&&l.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:I((0,d.default)({alt:a,title:t,loading:k},F,{imageVariants:R}))}}))}return null},t}(l.default.Component);j.defaultProps={fadeIn:!0,durationFadeIn:500,alt:"",Tag:"div",loading:"lazy"};var O=c.default.shape({width:c.default.number.isRequired,height:c.default.number.isRequired,src:c.default.string.isRequired,srcSet:c.default.string.isRequired,base64:c.default.string,tracedSVG:c.default.string,srcWebp:c.default.string,srcSetWebp:c.default.string,media:c.default.string}),P=c.default.shape({aspectRatio:c.default.number.isRequired,src:c.default.string.isRequired,srcSet:c.default.string.isRequired,sizes:c.default.string.isRequired,base64:c.default.string,tracedSVG:c.default.string,srcWebp:c.default.string,srcSetWebp:c.default.string,media:c.default.string,maxWidth:c.default.number,maxHeight:c.default.number});function M(e){return function(t,a,i){var r;if(!t.fixed&&!t.fluid)throw new Error("The prop `fluid` or `fixed` is marked as required in `"+i+"`, but their values are both `undefined`.");c.default.checkPropTypes(((r={})[a]=e,r),t,"prop",i)}}j.propTypes={resolutions:O,sizes:P,fixed:M(c.default.oneOfType([O,c.default.arrayOf(O)])),fluid:M(c.default.oneOfType([P,c.default.arrayOf(P)])),fadeIn:c.default.bool,durationFadeIn:c.default.number,title:c.default.string,alt:c.default.string,className:c.default.oneOfType([c.default.string,c.default.object]),critical:c.default.bool,crossOrigin:c.default.oneOfType([c.default.string,c.default.bool]),style:c.default.object,imgStyle:c.default.object,placeholderStyle:c.default.object,placeholderClassName:c.default.string,backgroundColor:c.default.oneOfType([c.default.string,c.default.bool]),onLoad:c.default.func,onError:c.default.func,onStartLoad:c.default.func,Tag:c.default.string,itemProp:c.default.string,loading:c.default.oneOf(["auto","lazy","eager"]),draggable:c.default.bool};var z=j;t.default=z},N2Ca:function(e,t,a){"use strict";a.r(t);var i=a("q1tI"),r=a.n(i),s=(a("Bl7J"),a("KQm4")),n=a("dI71"),o=a("9eSz"),d=a.n(o),l=a("vOnD"),c=a("hXnw"),u=a.n(c),p=a("/eNb"),f=a.n(p),g=a("Nlzp"),m=a("qr5T"),h=a("oLwc"),b=a("20nU");const y=l.a.a.withConfig({displayName:"ProjectList__Lin",componentId:"sc-1phrmca-0"})([""]),S=["#18A7EE","#18EE42","#EED018","#F35F90","#D45FF3","#0288D1","#FFEB3B","#795548","#FF5722","#303F9F","#303F9F","#303F9F"];let v=function(e){function t(t){var a;return(a=e.call(this,t)||this).scrollRef=r.a.createRef(),a.state={likes:[],hasLiked:!1,showSuccess:!1,loading:!0,activeItem:-1},a}Object(n.a)(t,e);var a=t.prototype;return a.componentDidCatch=function(e,t){console(e),console(t)},a.componentDidMount=function(){g.a.getLikes(this.props.data.pid).then(e=>{if(e.success)if(void 0!==typeof e.likes){this.setState({likes:e.likes});let{user:t}=this.props.userContext;if(t&&void 0!==t){let{email:a,id:i}=t;e.likes.forEach(e=>{let{email:t}=e;a===t&&this.setState({hasLiked:!0})})}}else this.setState({likes:[]});this.setState({loading:!1})}).catch(e=>console.log(e)).finally(()=>this.setState({loading:!1}))},a.render=function(){const{darkMode:e,index:t,fluid:a}=this.props,{description:i,title:n,link:o,pid:l}=this.props.data,{likes:c,hasLiked:p,showSuccess:f,loading:m}=this.state,h=e=>{let{user:t}=this.props.userContext;void 0===t?this.props.modalContext.displayModal("To Like Projects Please Login First."):g.a.like({pid:e,user:t}).then(e=>{e.success&&this.setState({hasLiked:!0,likes:[].concat(Object(s.a)(this.state.likes),[t]),showSuccess:!0}),setTimeout(()=>this.setState({showSuccess:!1}),3e3)}).catch(e=>console.log(e))};return this.props.active&&this.scrollRef.current.scrollIntoView({behavior:"smooth",block:"start"}),r.a.createElement(u.a,null,r.a.createElement(w,{ref:this.scrollRef,pose:this.state.stage,className:"home grid align-center dense project-container "+(this.props.active&&"svg-glow"),background:(e?"black":"#30ABE8")+" "},r.a.createElement("div",{className:t%2==0?"left":"right project-element "},r.a.createElement(k,{background:(e?"black":b.c)+" "},r.a.createElement(d.a,{fluid:a,style:{background:"transparent"}}))),r.a.createElement(L,{background:`rgba( ${e?"0, 0, 0":"44,162,172"}, 0.8)`},r.a.createElement("div",null,r.a.createElement("h2",{className:"center-text"},n),r.a.createElement("i",{className:"material-icons md-icon"},"description")," ",i,r.a.createElement("br",null),r.a.createElement("br",null),r.a.createElement("i",{className:"material-icons md-icon"},"code"),this.props.data.code.map(e=>r.a.createElement(E,{key:e.toString(),colr:S[Math.floor(Math.random()*S.length)]}," ",e," ")),r.a.createElement("div",null,r.a.createElement("br",null),r.a.createElement("i",{className:"material-icons md-icon"},"link")," ",r.a.createElement(y,{target:"_blank",href:o},o))),r.a.createElement("span",{onClick:()=>h(l),style:{padding:"1em .3em"}},r.a.createElement("i",{className:"fa fa-heart md-icon hover-red "+(p&&"red"),"aria-hidden":"true"}),r.a.createElement("span",{className:"tooltip-container"},c?` ${c.length} ${1===c.length?"person":"people"} liked this`:" Be the first one to like this.",f&&r.a.createElement(x,{className:"opacity-animation"},"Liked!"),r.a.createElement("div",{className:"tooltip"},m&&c.length>0?"Loading":c.map(e=>{let{fname:t,lname:a,id:i}=e;return r.a.createElement("div",{key:i},`${t} ${a}`)})))))))},t}(r.a.Component);const E=l.a.div.withConfig({displayName:"ProjectList__Box",componentId:"sc-1phrmca-1"})(["display:inline-block;margin:2px;background:",";padding:0.3em 0.5em;border-radius:7px;"],e=>e.colr),k=l.a.div.withConfig({displayName:"ProjectList__ImageBox",componentId:"sc-1phrmca-2"})(["display:grid;background:#30ABE8;background:",";height:100%;"],e=>e.background),w=l.a.div.withConfig({displayName:"ProjectList__Wrapper",componentId:"sc-1phrmca-3"})(["background:#30ABE8;background:",""],e=>e.background),L=l.a.div.withConfig({displayName:"ProjectList__Description",componentId:"sc-1phrmca-4"})(["background:#005A9C;background-image:linear-gradient( rgba(0,90,156,0.8),rgba(0,90,156,0.8) ),url(",");background:linear-gradient( ",","," ),url(",");background-size:100% 100%;opacity:0.8;color:white;padding:1em;overflow:hidden;text-overflow:ellipsis;display:grid;grid-template-rows:1fr auto;"],f.a,e=>e.background,e=>e.background,f.a),x=l.a.span.withConfig({displayName:"ProjectList__Message",componentId:"sc-1phrmca-5"})(["padding:.3em;color:#005A9C;margin-left:1em;border-radius:1em;border:2px solid #005A9C;background:white;"]);var R=e=>r.a.createElement(m.a,null,t=>r.a.createElement(h.a,null,a=>r.a.createElement(v,Object.assign({modalContext:t,userContext:a},e)))),I=a("r0ek");a("Kvkj");const C=I.proj;t.default=e=>{let{data:t}=e;const{0:a,1:s}=Object(i.useState)(!1),{0:n,1:o}=Object(i.useState)(-1);return Object(i.useEffect)(()=>{let e=!0!==localStorage.getItem("dark-mode");s(e);const[,t]=window.location.href.split("?"),[,a]=t?t.split("="):[-1,-1];o(a)},[]),r.a.createElement("div",{className:"container2",id:"projects"},C.map((e,i)=>r.a.createElement(R,{darkMode:a,active:i==n,key:i,index:i,fluid:t?t[e.name].childImageSharp.fluid:"",data:e})))}},r0ek:function(e){e.exports=JSON.parse('{"proj":[{"pid":"8","name":"image11","title":"Platypus Schedular","description":"A Football Match Scheduling Web Application. Complete with Real time game request notification with sockets, Profile Image upload, Search feature, Instant Messaging, Darkmode and Email Verification ","link":"https://capstone.aayushh.com","code":["Typescript","ReactJs","Redux","Nodejs","Styled-Components","MySQL","AWS","EC2","RDS","SES","Nginx"]},{"pid":"0","name":"image5","title":"Dreammy 2.0","description":"A social site with logged features with tokens, content uploads, private chat, friend suggesstions","link":"https://dreammy.aayushh.com","code":["Express","ReactJs","Redux","Styled-Components","Materialize","MongoDB","Google Cloud"]},{"pid":"1","name":"image9","title":"Finapp : In Progress","description":"Financial Literacy Application for highschool students in NorthEast Lousiana","link":"https://uwnelafinapp.com","code":["Typescript","ReactJs","NodeJs","Express","MongoDB","Google Cloud"]},{"pid":"1","name":"image7","title":"Url Shortner","description":"A service that shortens any URL and performs redirects to the actual site","link":"https://github.com/aayush6194/shorten-url","code":["Next.js","NodeJs","Express","MongoDB"]},{"pid":"2","name":"image6","title":"Google Image Extractor","description":"A webscraping app that extracts google images related to the searched keyword","link":"https://github.com/aayush6194/google-image-extractor","code":["NodeJs","EJS","Puppeteer"]},{"pid":"3","name":"image8","title":"Game Searcher","description":"A frontend angular application that implements game database API to search games. Additionally, enables users to create game wishlist within the app","link":"https://github.com/aayush6194/game-searcher","code":["Angular","Rxjs","ngrx","NodeJs","Express","MongoDB"]},{"pid":"4","name":"image4","title":"Calender App","description":"A Calender App: IN PROGRESS","link":"https://calendar.aayushh.com","code":["NodeJs","ReactJs","Redux","Styled-Components","MongoDB"]},{"pid":"5","name":"image1","title":"To-do List","description":"A to-do list application built on Materialize CSS; uses PHP as the serverside language for logins, signup and adding/deleting to the list with MySQL as the database.","link":"http://todolistphp.gearhostpreview.com","code":["PHP","Materialize","MySQL","Javascript"]},{"pid":"7","name":"image3","title":"Auction Website","description":"A responsive ReactJs app to stimulate just the front end for an auction website.","link":"","code":["ReactJs"]}]}')}}]);
//# sourceMappingURL=component---src-pages-projects-js-7906e73d78525e2281f3.js.map