[{"data":1,"prerenderedAt":210},["ShallowReactive",2],{"info":3,"featuredProjects":73},{"id":4,"experience":5,"extension":62,"meta":63,"stem":64,"studies":65,"__hash__":72},"experienceAndStudies\u002Finfo.yaml",[6,18,29,37,46,52],{"title":7,"id":8,"company":9,"location":10,"startDate":11,"endDate":12,"description":13},"Fullstack Developer",6,"WEAVE WIDER","Beirut, Lebanon","Apr 2025","Aug 2025",[14,15,16,17],"Built geospatial backend with NestJS + PostgreSQL\u002FPostGIS for 10,000+ data points","Reduced query response time from 3.2s to 0.8s via spatial indexing (75% improvement)","Developed Next.js frontend with Mapbox integration and interactive data visualizations","Resolved 15+ critical bugs in Angular v19 monorepo with Primeng and Tailwind CSS",{"title":19,"id":20,"company":21,"location":22,"startDate":23,"endDate":24,"description":25},"Frontend Developer",5,"SANDRAMANSOUR","Doha, Qatar","Jun 2024","Dec 2024",[26,27,28],"Migrated Vue 2 to Nuxt 3, improving page load speeds by 40%","Implemented session-based authentication and redesigned admin panel UI","Increased admin efficiency by 60% through improved navigation",{"title":19,"id":30,"company":31,"location":22,"startDate":32,"endDate":23,"description":33},4,"AL MAJAZ IT","Jan 2024",[34,35,36],"Developed full e-commerce platform with customer app and admin panel","Added i18n support, increasing user base by 35%","Achieved 90+ Lighthouse scores via Nuxt hybrid rendering optimization",{"title":38,"id":39,"company":40,"location":22,"startDate":41,"endDate":42,"description":43},"Web Developer",3,"DOHA DRIVING ACADEMY","Aug 2023","Dec 2023",[44,45],"Enhanced role-based security for admin panel","Delivered security patches and performance improvements",{"title":38,"id":47,"company":48,"location":22,"startDate":49,"endDate":41,"description":50},2,"CHIVASON","Jul 2023",[51],"Built core booking system, reducing manual booking errors by 90%",{"title":19,"id":53,"company":54,"location":10,"startDate":55,"endDate":56,"description":57},1,"ARCADOUS","Dec 2021","Jun 2023",[58,59,60,61],"Built and maintained Vue 3 + TypeScript web app serving 1000+ daily active users","Delivered 20+ features in Agile environment with 99% on-time delivery rate","Implemented Pinia state management, reducing component complexity","Utilized Tailwind CSS, PrimeVue, Axios, and Vee-Validate across the stack","yaml",{},"info",[66],{"institution":67,"title":68,"id":53,"location":10,"startDate":69,"endDate":70,"description":71},"Lebanese International University","B.S. in Computer Science","Jan 2019","Jan 2022","Focused on software engineering, data structures, algorithms and database design","pDx01QXWBd2i_HqiFQEUxBpOhwLv7j37z7zOyDjGeUI",[74,147],{"id":75,"title":76,"body":77,"description":137,"extension":138,"featured":139,"image":115,"link":140,"meta":141,"navigation":139,"path":142,"seo":143,"stem":144,"technologies":145,"__hash__":146},"projects\u002Fprojects\u002Fhemya.md","Hemya",{"type":78,"value":79,"toc":135},"minimark",[80,116],[81,82,86,103],"content-section",{"className":83,"title":85},[84],"mt-8","Context",[87,88,89,90,94,95,98,99,102],"p",{},"The goal was to launch an entirely new, modern ",[91,92,93],"strong",{},"e-commerce platform"," for Hemya. The project involved building a ",[91,96,97],{},"customer-facing storefront"," and an ",[91,100,101],{},"admin panel"," for managing inventory and kitchen orders. The storefront was designed to provide a seamless shopping experience, while the admin panel offered robust tools for inventory management and order processing.",[104,105,107],"template",{"v-slot:right":106},"",[87,108,109],{},[110,111],"img",{"alt":76,"className":112,"src":115},[113,114],"rounded-lg","border","\u002Fimages\u002Fhemya.webp",[81,117,120],{"className":118,"title":119},[84],"Technologies Used",[87,121,122,123,126,127,130,131,134],{},"The project was built using ",[91,124,125],{},"Nuxt"," for the frontend, providing a powerful and flexible framework for building the customer-facing storefront. ",[91,128,129],{},"MongoDB"," was used as the database to store product information, customer data, and order details. The backend was developed using ",[91,132,133],{},"Express",".",{"title":106,"searchDepth":47,"depth":47,"links":136},[],"Full e-commerce solution including a customer-facing storefront and an admin panel for managing inventory and kitchen orders.","md",true,"https:\u002F\u002Fhemya.com",{},"\u002Fprojects\u002Fhemya",{"title":76,"description":137},"projects\u002Fhemya",[125,129,133],"W0FLHmK3zsWBV-LJTZkRGXZfH6SRR1G3D8X6DJxWN30",{"id":148,"title":149,"body":150,"description":202,"extension":138,"featured":139,"image":173,"link":203,"meta":204,"navigation":139,"path":205,"seo":206,"stem":207,"technologies":208,"__hash__":209},"projects\u002Fprojects\u002Fsandra-mansour.md","Sandra Mansour",{"type":78,"value":151,"toc":200},[152,174],[81,153,155,166],{"className":154,"title":85},[84],[87,156,157,158,161,162,165],{},"The project involved migrating the Sandra Mansour website from ",[91,159,160],{},"Vue 2"," to ",[91,163,164],{},"Nuxt 3",", ensuring a 1:1 replica of the user interface while significantly improving performance and modernizing the codebase. The migration focused on leveraging Nuxt 3's latest features, improved server-side rendering, and better developer experience, all while maintaining visual and functional parity with the original design.",[104,167,168],{"v-slot:right":106},[87,169,170],{},[110,171],{"alt":149,"className":172,"src":173},[113,114],"\u002Fimages\u002Fsm.webp",[81,175,178],{"className":176,"title":177},[84],"Approach",[87,179,180,181,183,184,187,188,191,192,195,196,199],{},"To ensure a smooth migration from Vue 2 to Nuxt 3 while maintaining UI parity, I leveraged a modern tech stack. ",[91,182,164],{}," provided the latest framework improvements with better performance and developer experience. ",[91,185,186],{},"Typescript"," was employed throughout to enhance code quality and prevent regressions during the migration. ",[91,189,190],{},"Tailwind CSS"," enabled rapid styling development, ensuring visual consistency with the original design. ",[91,193,194],{},"Pinia"," replaced the previous state management solution with a more intuitive and performant state management library. ",[91,197,198],{},"ShadCN UI"," provided a foundation of pre-designed, accessible components that aligned with the design system and accelerated the development process.",{"title":106,"searchDepth":47,"depth":47,"links":201},[],"A modern, responsive website for Sandra Mansour, a fashion designer based in Lebanon.","https:\u002F\u002Fsandramansour.com\u002F",{},"\u002Fprojects\u002Fsandra-mansour",{"title":149,"description":202},"projects\u002Fsandra-mansour",[125,186,190,194,198],"TQwzCtxDhx5nUnzM30kvhqZQkwCGQo3jn5-RxDu6agI",1782856825301]