[{"data":1,"prerenderedAt":194},["ShallowReactive",2],{"index":3,"mdc-91tv13-key":136,"mdc-kjwe7z-key":149,"mdc--ozthge-key":158,"mdc--uzlmgb-key":167,"mdc-493v6w-key":176,"mdc-vuw1ke-key":185},{"id":4,"title":5,"about":6,"body":9,"description":10,"experience":11,"extension":47,"faq":48,"hero":93,"meta":127,"navigation":128,"path":129,"seo":130,"stem":133,"testimonials":134,"__hash__":135},"index\u002Findex.yml","Hey, I'm Hossam Elden Shoukry Senior Frontend Developer",{"title":7,"description":8},"About Me","Senior Frontend Developer with 5+ years of experience building modern web applications using Vue.js, React.js, and Angular.js. I specialize in payment and digital wallet integrations, and in real-time features—chat, live notifications, and Web Push—built with Pusher, WebSockets, and Service Workers.",null,"I build modern, responsive web applications where clean code meets great user experience. Based in Mansoura, Egypt.",{"title":12,"items":13},"Work Experience",[14,22,29,35,41],{"position":15,"date":16,"company":17},"Senior Frontend Developer at","Jun 2026 - Present",{"name":18,"logo":19,"url":20,"color":21},"Code95","i-simple-icons-vuedotjs","#","#42b883",{"position":23,"date":24,"company":25},"Frontend Developer at","2025 - 2026",{"name":26,"logo":27,"url":20,"color":28},"TurnDigital Company","i-simple-icons-dotnet","#512BD4",{"position":23,"date":30,"company":31},"2024 - 2025",{"name":32,"logo":33,"url":20,"color":34},"Kabret Company","i-simple-icons-nuxtdotjs","#00DC82",{"position":23,"date":36,"company":37},"2023 - 2024",{"name":38,"logo":39,"url":20,"color":40},"SmartSols","i-simple-icons-javascript","#F7DF1E",{"position":23,"date":42,"company":43},"2022 - 2023",{"name":44,"logo":45,"url":20,"color":46},"Otech Company","i-simple-icons-typescript","#3178C6","yml",{"title":49,"description":50,"categories":51},"Frequently Asked Questions","Common questions about my skills, workflow, and availability.",[52,73,85],{"title":53,"questions":54},"Skills & Technologies",[55,58,61,64,67,70],{"label":56,"content":57},"What frontend frameworks do you specialize in?","My primary expertise is Vue.js and Nuxt.js—across all modern patterns including Composition API, Pinia, Vuex, and Vue Query. I also have solid experience with React.js and Angular.js (with NgRx and Signals). On the styling side, I work with Tailwind CSS, SCSS, Vuetify, and PrimeVue.\n",{"label":59,"content":60},"Do you work with TypeScript?","Yes, I use TypeScript regularly in Vue, Nuxt, and Angular projects. It is part of my standard workflow for better code quality, type safety, and team collaboration.\n",{"label":62,"content":63},"Do you have experience with CMS platforms?","Absolutely. I have hands-on experience with Nova Laravel CMS (used in e-commerce projects at Code95), Umbraco CMS (for .NET integration at TurnDigital), and Nuxt Content. I am comfortable with content management workflows and API integrations.\n",{"label":65,"content":66},"Have you worked on payment gateways and digital wallets?","Yes, this is one of my strongest areas. I have integrated multiple payment flows on the frontend—card payments, online payment gateways, bank transfers, cash on delivery, and digital wallet payments. I have handled hosted checkout pages, iframe-based and redirect-based gateway flows, 3-D Secure verification steps, callback and webhook result pages, and payment status polling. I also build the surrounding experience: wallet balance and top-up screens, transaction history, refunds and partial refunds, multi-currency display, invoices and receipts—always with careful handling of idempotency, double-submit protection, and clear error states so a user never loses money to a broken UI.\n",{"label":68,"content":69},"Do you build real-time features like chat and live notifications?","Absolutely. I have built real-time chat and notification systems using Pusher and WebSocket channels (public, private, and presence channels) with authenticated subscriptions. On the chat side that means live messaging, typing indicators, online\u002Foffline presence, read receipts, unread counters, and optimistic UI with reconnection and message-ordering handling. On the notification side I deliver instant in-app toasts and notification centers that stay in sync across multiple open tabs and devices.\n",{"label":71,"content":72},"What is your experience with Service Workers and PWAs?","I use Service Workers to push real-time experiences beyond the open tab—Web Push notifications (including background push, notification click routing, and permission flows), background sync for actions taken while offline, and caching strategies for offline-first and faster repeat visits. I have shipped installable PWAs with manifest setup, offline fallbacks, and update-and-reload prompts so users always land on the latest version.\n",{"title":74,"questions":75},"Collaboration & Workflow",[76,79,82],{"label":77,"content":78},"What project management tools do you use?","I have worked with Notion, Azure DevOps Boards and Backlogs, Kanban systems, GitLab, GitHub, and Hubstaff for time tracking. I adapt quickly to whatever workflow a team is already using.\n",{"label":80,"content":81},"How do you handle API integrations?","I have deep experience consuming REST APIs. I use Postman and Swagger for testing and documentation. I am comfortable with all HTTP methods, authentication patterns (JWT, token-based), and error handling across Vue\u002FNuxt and Angular applications.\n",{"label":83,"content":84},"What is your experience with version control?","I work daily with Git, including GitHub, GitLab, and Azure DevOps. I am experienced with branching strategies, pull requests, code reviews, merge conflict resolution, and deployment workflows.\n",{"title":7,"questions":86},[87,90],{"label":88,"content":89},"How many years of experience do you have?","I have been working professionally in frontend development since 2021, giving me 5+ years of hands-on experience across companies like Code95 , TurnDigital, Kabret, and SmartSols—spanning e-commerce, government portals, healthcare systems, and more.\n",{"label":91,"content":92},"Do you use AI tools in your development workflow?","Yes. I actively use Claude AI and ChatGPT to accelerate development, solve technical challenges, debug issues faster, and improve productivity across daily tasks. I believe AI-assisted development is a key skill for modern frontend engineers.\n",{"links":94,"images":99},[95],{"label":96,"to":97,"color":98},"View my work","\u002Fprojects","neutral",[100,103,106,109,112,115,118,121,124],{"src":101,"alt":102},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fvuejs\u002Fvuejs-original.svg","Vue.js",{"src":104,"alt":105},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fnuxtjs\u002Fnuxtjs-original.svg","Nuxt 4",{"src":107,"alt":108},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Ftypescript\u002Ftypescript-original.svg","TypeScript",{"src":110,"alt":111},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fjavascript\u002Fjavascript-original.svg","JavaScript",{"src":113,"alt":114},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Ftailwindcss\u002Ftailwindcss-original.svg","Tailwind CSS",{"src":116,"alt":117},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fbootstrap\u002Fbootstrap-original.svg","Bootstrap",{"src":119,"alt":120},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fvuetify\u002Fvuetify-original.svg","Vuetify",{"src":122,"alt":123},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fsass\u002Fsass-original.svg","SCSS",{"src":125,"alt":126},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fdevicons\u002Fdevicon@latest\u002Ficons\u002Fazuredevops\u002Fazuredevops-original.svg","Azure DevOps",{},true,"\u002F",{"title":131,"description":132},"Hossam Elden Shoukry - Senior Frontend Developer","Portfolio of Hossam Elden Shoukry, a Senior Frontend Developer in Mansoura, Egypt specializing in Vue.js, React.js, and Angular.js, with deep experience in payment gateway and digital wallet integrations and real-time apps built with Pusher, WebSockets, and Service Workers.","index",[],"YYOU80PVKALe4d98bKqNj-f0XOqzectrPnB_HK-8Auw",{"data":137,"body":138},{},{"type":139,"children":140},"root",[141],{"type":142,"tag":143,"props":144,"children":145},"element","p",{},[146],{"type":147,"value":148},"text","My primary expertise is Vue.js and Nuxt.js—across all modern patterns including Composition API, Pinia, Vuex, and Vue Query. I also have solid experience with React.js and Angular.js (with NgRx and Signals). On the styling side, I work with Tailwind CSS, SCSS, Vuetify, and PrimeVue.",{"data":150,"body":151},{},{"type":139,"children":152},[153],{"type":142,"tag":143,"props":154,"children":155},{},[156],{"type":147,"value":157},"Yes, I use TypeScript regularly in Vue, Nuxt, and Angular projects. It is part of my standard workflow for better code quality, type safety, and team collaboration.",{"data":159,"body":160},{},{"type":139,"children":161},[162],{"type":142,"tag":143,"props":163,"children":164},{},[165],{"type":147,"value":166},"Absolutely. I have hands-on experience with Nova Laravel CMS (used in e-commerce projects at Code95), Umbraco CMS (for .NET integration at TurnDigital), and Nuxt Content. I am comfortable with content management workflows and API integrations.",{"data":168,"body":169},{},{"type":139,"children":170},[171],{"type":142,"tag":143,"props":172,"children":173},{},[174],{"type":147,"value":175},"Yes, this is one of my strongest areas. I have integrated multiple payment flows on the frontend—card payments, online payment gateways, bank transfers, cash on delivery, and digital wallet payments. I have handled hosted checkout pages, iframe-based and redirect-based gateway flows, 3-D Secure verification steps, callback and webhook result pages, and payment status polling. I also build the surrounding experience: wallet balance and top-up screens, transaction history, refunds and partial refunds, multi-currency display, invoices and receipts—always with careful handling of idempotency, double-submit protection, and clear error states so a user never loses money to a broken UI.",{"data":177,"body":178},{},{"type":139,"children":179},[180],{"type":142,"tag":143,"props":181,"children":182},{},[183],{"type":147,"value":184},"Absolutely. I have built real-time chat and notification systems using Pusher and WebSocket channels (public, private, and presence channels) with authenticated subscriptions. On the chat side that means live messaging, typing indicators, online\u002Foffline presence, read receipts, unread counters, and optimistic UI with reconnection and message-ordering handling. On the notification side I deliver instant in-app toasts and notification centers that stay in sync across multiple open tabs and devices.",{"data":186,"body":187},{},{"type":139,"children":188},[189],{"type":142,"tag":143,"props":190,"children":191},{},[192],{"type":147,"value":193},"I use Service Workers to push real-time experiences beyond the open tab—Web Push notifications (including background push, notification click routing, and permission flows), background sync for actions taken while offline, and caching strategies for offline-first and faster repeat visits. I have shipped installable PWAs with manifest setup, offline fallbacks, and update-and-reload prompts so users always land on the latest version.",1789859247283]