https://abdullah-qadeer-portfolio.web.app/static/js/2272.2a883af3.chunk.js

1"use strict";(globalThis.webpackChunkabdullah_qadeer_portfolio=globalThis.webpackChunkabdullah_qadeer_portfolio||[]).push([[2272],{2272(e,i,t){t.r(i),t.d(i,{default:()=>a});t(5043);var n=t(1204),l=t(5843),s=t(5200),r=t(579);const a=()=>{const[e,i]=(0,l.Wx)({triggerOnce:!0,threshold:.1}),t=[{title:"Game Development",icon:s.aze,skills:[{name:"Unity 3D",level:95},{name:"C#",level:90},{name:"Game Design",level:85},{name:"Multiplayer Game Development",level:85},{name:"Game Publishing",level:85}]},{title:"VR/AR Development",icon:s.Vap,skills:[{name:"Oculus SDK",level:90},{name:"ARCore/ARKit",level:85},{name:"Unity XR",level:88}]},{title:"Backend Development",icon:s.Hbo,skills:[{name:".NET Core",level:88},{name:"RESTful APIs",level:90},{name:"PostgreSQL Server",level:50},{name:"Entity Framework",level:55},{name:"Photon Quantum",level:80},{name:"Firebase Services",level:80}]},{title:"Mobile Development",icon:s.PCV,skills:[{name:"Android",level:85},{name:"iOS",level:40}]},{title:"Additional Experiences",icon:s.PCV,skills:[{name:"ChatGPT API",level:85},{name:"CI/CD",level:85},{name:"Azure",level:55},{name:"Stripe",level:80},{name:"Alpha Vantage API",level:80},{name:"React js",level:50},{name:"Git",level:80},{name:"GitHub",level:80}]}],a={hidden:{y:50,opacity:0},visible:{y:0,opacity:1,transition:{duration:.6,ease:"easeOut"}}};return(0,r.jsx)("section",{id:"skills",className:"skills",children:(0,r.jsx)("div",{className:"container",children:(0,r.jsxs)(n.P.div,{ref:e,variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.2}}},initial:"hidden",animate:i?"visible":"hidden",children:[(0,r.jsxs)(n.P.div,{className:"section-header",variants:a,children:[(0,r.jsx)("h2",{className:"section-title",children:"Skills & Expertise"}),(0,r.jsx)("p",{className:"section-subtitle",children:"Technologies and tools I use to bring ideas to life"})]}),(0,r.jsx)("div",{className:"skills-grid",children:t.map((e,t)=>(0,r.jsxs)(n.P.div,{className:"skill-category",variants:a,children:[(0,r.jsxs)("div",{className:"category-header",children:[(0,r.jsx)("div",{className:"category-icon",children:(0,r.jsx)(e.icon,{})}),(0,r.jsx)("h3",{className:"category-title",children:e.title})]}),(0,r.jsx)("div",{className:"skills-list",children:e.skills.map((e,t)=>(0,r.jsxs)("div",{className:"skill-item",children:[(0,r.jsxs)("div",{className:"skill-info",children:[(0,r.jsx)("span",{className:"skill-name",children:e.name}),(0,r.jsxs)("span",{className:"skill-level",children:[e.level,"%"]})]}),(0,r.jsx)("div",{className:"skill-bar",children:(0,r.jsx)(n.P.div,{className:"skill-progress",initial:{width:0},animate:i?{width:`${e.level}%`}:{width:0},transition:{duration:1.5,delay:.2*t}})})]},t))})]},t))})]})})})}},5843(e,i,t){t.d(i,{Wx:()=>m});var n,l=t(5043),s=Object.defineProperty,r=(e,i,t)=>((e,i,t)=>i in e?s(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t)(e,"symbol"!==typeof i?i+"":i,t),a=new Map,o=new WeakMap,c=0;function d(e){return Object.keys(e).sort().filter(i=>void 0!==e[i]).map(i=>{return`${i}_${"root"===i?(t=e.root,t?(o.has(t)||(c+=1,o.set(t,c.toString())),o.get(t)):"0"):e[i]}`;var t}).toString()}function v(e,i){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n;if("undefined"===typeof window.IntersectionObserver&&void 0!==l){const n=e.getBoundingClientRect();return i(l,{isIntersecting:l,target:e,intersectionRatio:"number"===typeof t.threshold?t.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}),()=>{}}const{id:s,observer:r,elements:o}=function(e){const i=d(e);let t=a.get(i);if(!t){const n=new Map;let l;const s=new IntersectionObserver(i=>{i.forEach(i=>{var t;const s=i.isIntersecting&&l.some(e=>i.intersectionRatio>=e);e.trackVisibility&&"undefined"===typeof i.isVisible&&(i.isVisible=s),[...null!=(t=n.get(i.target))?t:[]].forEach(e=>{e(s,i)})})},e);l=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),t={id:i,observer:s,elements:n},a.set(i,t)}return t}(t),c=o.get(e)||[];return o.has(e)||o.set(e,c),c.push(i),r.observe(e),function(){c.splice(c.indexOf(i),1),0===c.length&&(o.delete(e),r.unobserve(e)),0===o.size&&(r.disconnect(),a.delete(s))}}var u,h;l.Component;function m(){let{threshold:e,delay:i,trackVisibility:t,rootMargin:n,root:s,triggerOnce:r,skip:a,initialInView:o,fallbackInView:c,onChange:d}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};var u;const[h,m]=l.useState(null),g=l.useRef(d),f=l.useRef(o),[p,y]=l.useState({inView:!!o,entry:void 0});g.current=d,l.useEffect(()=>{if(void 0===f.current&&(f.current=o),a||!h)return;let l;return l=v(h,(e,i)=>{const t=f.current;f.current=e,(void 0!==t||e)&&(y({inView:e,entry:i}),g.current&&g.current(e,i),i.isIntersecting&&r&&l&&(l(),l=void 0))},{root:s,rootMargin:n,threshold:e,trackVisibility:t,delay:i},c),()=>{l&&l()}},[Array.isArray(e)?e.toString():e,h,s,n,r,a,t,c,i]);const b=null==(u=p.entry)?void 0:u.target,k=l.useRef(void 0);h||!b||r||a||k.current===b||(k.current=b,y({inView:!!o,entry:void 0}),f.current=o);const x=[m,p.inView,p.entry];return x.ref=x[0],x.inView=x[1],x.entry=x[2],x}null!=(h=null!=(u=l.useInsertionEffect)?u:l.useLayoutEffect)||l.useEffect}}]);
2//# sourceMappingURL=2272.2a883af3.chunk.js.map