[ { "icon": "IconFigma", "image": "/icon/icon-figma.svg", "title": "Design", "subtitle": "Figma & Photoshop,Illustrator", "description": "I design with Figma, creating user-friendly interfaces and prototypes. I also use Photoshop and Illustrator for graphics and branding." }, { "icon": "IconJS", "image": "/icon/icon-js.svg", "title": "JavaScript", "subtitle": "Vanilla, jQuery", "description": "I bring websites to life with JavaScript, adding interactive features and optimizing performance with clean and efficient code." }, { "icon": "IconReact", "image": "/icon/icon-react.svg", "title": "React JS", "subtitle": "Next.js, Vercel", "description": "Using React, I craft scalable user interfaces with components, state management, and virtual DOM manipulation for seamless web applications." }, { "icon": "IconCSS", "image": "/icon/icon-css.svg", "title": "CSS", "subtitle": "Animations, Sass", "description": "I prioritize pixel perfection, paying close attention to details for visually polished and precisely aligned designs, ensuring a seamless user experience." }, { "icon": "IconHTML", "image": "/icon/icon-html.svg", "title": "HTML", "subtitle": "Semantic Markup", "description": "Beyond markup, HTML is crucial for an inclusive web. I structure content carefully for universal accessibility." }, { "icon": "IconGSAP", "image": "/icon/icon-gsap.svg", "title": "GSAP", "subtitle": "Scroll Animations", "description": "I use GSAP for captivating animations that bring web pages to life, enhancing the overall user experience." }, { "icon": "IconFramer", "image": "/icon/framer.svg", "title": "Framer", "subtitle": "Wordpress,Webflow", "description": "I utilize Framer for rapid prototyping and design, creating interactive and visually stunning web experiences." }, { "icon": "IconGit", "image": "/icon/git.svg", "title": "Git", "subtitle": "GitHub,GitLab", "description": "I use Git for version control, managing code changes and collaborating effectively with teams." }, { "icon": "IconSupabase", "image": "/icon/supabase.svg", "title": "Supabase", "subtitle": "SQL,PostgreSQL", "description": "I utilize Supabase for backend development, leveraging its SQL and PostgreSQL capabilities to create robust and scalable applications." }, { "icon": "IconVercel", "image": "/icon/vercel.svg", "title": "Vercel", "subtitle": "Deployment", "description": "I deploy applications on Vercel, ensuring fast and reliable hosting for optimal performance." }, { "icon": "IconExpo", "image": "/icon/Expo.svg", "title": "Expo", "subtitle": "React Native", "description": "I use Expo for building React Native applications, streamlining the development process with its powerful tools and libraries." }, { "icon": "IconPython", "image": "/icon/Python.svg", "title": "Python", "subtitle": "Django, Flask", "description": "I leverage Python for backend development, creating robust applications with Django and Flask frameworks." }, { "icon": "IconR", "image": "/icon/R.svg", "title": "R", "subtitle": "Jupyter Notebook,Scikit-learn", "description": "I utilize R for data science and analysis, employing its powerful libraries for statistical computing and data visualization." }, { "icon": "IconDocker", "image": "/icon/Docker.svg", "title": "Docker", "subtitle": "Containerization", "description": "I utilize Docker for containerization, ensuring consistent environments for development, testing, and deployment." }, { "icon": "IconTensorflow", "image": "/icon/tensorflow-icon.svg", "title": "TensorFlow", "subtitle": "Machine Learning", "description": "I leverage TensorFlow for machine learning, building and deploying models for data-driven applications." } ]