[{"data":1,"prerenderedAt":228},["ShallowReactive",2],{"about":3,"mdc--ktf0xj-key":23},{"id":4,"title":5,"body":6,"content":7,"description":8,"extension":9,"images":10,"meta":17,"navigation":18,"path":19,"seo":20,"stem":21,"__hash__":22},"about\u002Fabout.yml","About Me",null,"Hi, I'm **Hossam Elden Shoukry**, a Senior Frontend Developer based in Mansoura, Egypt. Over the past 5+ years, I've built modern web applications across diverse industries—from e-commerce platforms and government portals to healthcare systems and food ordering apps.\n\nMy journey started with a degree in **Information Systems** from the University of Jeddah, and since then I've worked with companies like **Code95**, **TurnDigital**, **Kabret**, and **SmartSols**, constantly evolving my skill set and delivering user-focused digital solutions.\n\n### My Stack\n\nMy primary framework is **Vue.js**—I've used it across all modern patterns: Options API, Composition API, Pinia, Vuex, Vue Query, and Nuxt.js. I also bring experience in React.js and Angular.js (with NgRx and Signals), and I'm comfortable working in TypeScript across all of them.\n\nOn the styling side, I specialize in **Tailwind CSS**, SCSS, Vuetify, and PrimeVue. For backend integration, I work confidently with REST APIs, Firebase, and CMSes like Nova Laravel and Umbraco.\n\n### Payments & Real-Time\n\nA large part of my work involves **payments and money movement**: card and online gateway checkouts, bank transfers, cash on delivery, and **digital wallets**—including wallet top-ups, balances, transaction history, refunds, and multi-currency invoices. I know how to make these flows safe on the frontend, with 3-D Secure steps, redirect and callback handling, double-submit protection, and error states users can actually recover from.\n\nI also build **real-time experiences** with **Pusher** and WebSockets—private and presence channels powering chat with typing indicators, presence, read receipts, and unread counters, plus live in-app notifications. With **Service Workers** I take that further into **Web Push notifications**, background sync, and offline-first PWAs that stay fast and usable on poor connections.\n\n### How I Work\n\nI believe in writing clean, reusable component architectures that are easy for teammates to understand and extend. I collaborate using Git workflows (GitHub, GitLab, Azure DevOps) and use tools like Notion and Kanban boards for task management.\n\nI also leverage **AI tools like Claude AI** to accelerate development, debug faster, and tackle technical challenges more effectively.\n\n### Beyond Code\n\nWhen I'm not writing code, I'm exploring new technologies, contributing to side projects, and continually improving my skills in an ever-evolving field.\n\nFeel free to browse my [projects](\u002Fprojects) or [get in touch](\u002F#contact) if you'd like to collaborate!\n","Senior Frontend Developer based in Mansoura, Egypt with 5+ years of experience building modern web applications across e-commerce, government, healthcare, and more.","yml",[11,14],{"src":12,"alt":13},"\u002Fhero\u002FMe.png","Hossam Elden Shoukry profile",{"src":15,"alt":16},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1498050108023-c5249f4df085?q=80&w=1472&auto=format&fit=crop","Frontend development workspace",{},true,"\u002Fabout",{"title":5,"description":8},"about","gvu5x0lp12TAGlUBjFZog6VHxCdH3rI5FTT9Wl6K3ow",{"data":24,"body":25},{},{"type":26,"children":27},"root",[28,44,83,90,102,114,120,139,172,178,183,195,201,206],{"type":29,"tag":30,"props":31,"children":32},"element","p",{},[33,36,42],{"type":34,"value":35},"text","Hi, I'm ",{"type":29,"tag":37,"props":38,"children":39},"strong",{},[40],{"type":34,"value":41},"Hossam Elden Shoukry",{"type":34,"value":43},", a Senior Frontend Developer based in Mansoura, Egypt. Over the past 5+ years, I've built modern web applications across diverse industries—from e-commerce platforms and government portals to healthcare systems and food ordering apps.",{"type":29,"tag":30,"props":45,"children":46},{},[47,49,54,56,61,63,68,69,74,76,81],{"type":34,"value":48},"My journey started with a degree in ",{"type":29,"tag":37,"props":50,"children":51},{},[52],{"type":34,"value":53},"Information Systems",{"type":34,"value":55}," from the University of Jeddah, and since then I've worked with companies like ",{"type":29,"tag":37,"props":57,"children":58},{},[59],{"type":34,"value":60},"Code95",{"type":34,"value":62},", ",{"type":29,"tag":37,"props":64,"children":65},{},[66],{"type":34,"value":67},"TurnDigital",{"type":34,"value":62},{"type":29,"tag":37,"props":70,"children":71},{},[72],{"type":34,"value":73},"Kabret",{"type":34,"value":75},", and ",{"type":29,"tag":37,"props":77,"children":78},{},[79],{"type":34,"value":80},"SmartSols",{"type":34,"value":82},", constantly evolving my skill set and delivering user-focused digital solutions.",{"type":29,"tag":84,"props":85,"children":87},"h3",{"id":86},"my-stack",[88],{"type":34,"value":89},"My Stack",{"type":29,"tag":30,"props":91,"children":92},{},[93,95,100],{"type":34,"value":94},"My primary framework is ",{"type":29,"tag":37,"props":96,"children":97},{},[98],{"type":34,"value":99},"Vue.js",{"type":34,"value":101},"—I've used it across all modern patterns: Options API, Composition API, Pinia, Vuex, Vue Query, and Nuxt.js. I also bring experience in React.js and Angular.js (with NgRx and Signals), and I'm comfortable working in TypeScript across all of them.",{"type":29,"tag":30,"props":103,"children":104},{},[105,107,112],{"type":34,"value":106},"On the styling side, I specialize in ",{"type":29,"tag":37,"props":108,"children":109},{},[110],{"type":34,"value":111},"Tailwind CSS",{"type":34,"value":113},", SCSS, Vuetify, and PrimeVue. For backend integration, I work confidently with REST APIs, Firebase, and CMSes like Nova Laravel and Umbraco.",{"type":29,"tag":84,"props":115,"children":117},{"id":116},"payments-real-time",[118],{"type":34,"value":119},"Payments & Real-Time",{"type":29,"tag":30,"props":121,"children":122},{},[123,125,130,132,137],{"type":34,"value":124},"A large part of my work involves ",{"type":29,"tag":37,"props":126,"children":127},{},[128],{"type":34,"value":129},"payments and money movement",{"type":34,"value":131},": card and online gateway checkouts, bank transfers, cash on delivery, and ",{"type":29,"tag":37,"props":133,"children":134},{},[135],{"type":34,"value":136},"digital wallets",{"type":34,"value":138},"—including wallet top-ups, balances, transaction history, refunds, and multi-currency invoices. I know how to make these flows safe on the frontend, with 3-D Secure steps, redirect and callback handling, double-submit protection, and error states users can actually recover from.",{"type":29,"tag":30,"props":140,"children":141},{},[142,144,149,151,156,158,163,165,170],{"type":34,"value":143},"I also build ",{"type":29,"tag":37,"props":145,"children":146},{},[147],{"type":34,"value":148},"real-time experiences",{"type":34,"value":150}," with ",{"type":29,"tag":37,"props":152,"children":153},{},[154],{"type":34,"value":155},"Pusher",{"type":34,"value":157}," and WebSockets—private and presence channels powering chat with typing indicators, presence, read receipts, and unread counters, plus live in-app notifications. With ",{"type":29,"tag":37,"props":159,"children":160},{},[161],{"type":34,"value":162},"Service Workers",{"type":34,"value":164}," I take that further into ",{"type":29,"tag":37,"props":166,"children":167},{},[168],{"type":34,"value":169},"Web Push notifications",{"type":34,"value":171},", background sync, and offline-first PWAs that stay fast and usable on poor connections.",{"type":29,"tag":84,"props":173,"children":175},{"id":174},"how-i-work",[176],{"type":34,"value":177},"How I Work",{"type":29,"tag":30,"props":179,"children":180},{},[181],{"type":34,"value":182},"I believe in writing clean, reusable component architectures that are easy for teammates to understand and extend. I collaborate using Git workflows (GitHub, GitLab, Azure DevOps) and use tools like Notion and Kanban boards for task management.",{"type":29,"tag":30,"props":184,"children":185},{},[186,188,193],{"type":34,"value":187},"I also leverage ",{"type":29,"tag":37,"props":189,"children":190},{},[191],{"type":34,"value":192},"AI tools like Claude AI",{"type":34,"value":194}," to accelerate development, debug faster, and tackle technical challenges more effectively.",{"type":29,"tag":84,"props":196,"children":198},{"id":197},"beyond-code",[199],{"type":34,"value":200},"Beyond Code",{"type":29,"tag":30,"props":202,"children":203},{},[204],{"type":34,"value":205},"When I'm not writing code, I'm exploring new technologies, contributing to side projects, and continually improving my skills in an ever-evolving field.",{"type":29,"tag":30,"props":207,"children":208},{},[209,211,218,220,226],{"type":34,"value":210},"Feel free to browse my ",{"type":29,"tag":212,"props":213,"children":215},"a",{"href":214},"\u002Fprojects",[216],{"type":34,"value":217},"projects",{"type":34,"value":219}," or ",{"type":29,"tag":212,"props":221,"children":223},{"href":222},"\u002F#contact",[224],{"type":34,"value":225},"get in touch",{"type":34,"value":227}," if you'd like to collaborate!",1789859247703]