[{"data":1,"prerenderedAt":1240},["ShallowReactive",2],{"content-project-satsgoal":3,"content-projects-nav":70},{"id":4,"title":5,"body":6,"category":46,"challenge":24,"client":5,"description":16,"extension":47,"gallery":48,"image":49,"link":57,"meta":58,"navigation":59,"path":60,"role":61,"seo":62,"solution":31,"status":63,"stem":64,"technologies":65,"technologiesText":38,"__hash__":69},"projects\u002Fprojects\u002Fsatsgoal.md","SatsGoal",{"type":7,"value":8,"toc":39},"minimark",[9,13,17,22,25,29,32,36],[10,11,5],"h1",{"id":12},"satsgoal",[14,15,16],"p",{},"Frontend developer working on a complex Bitcoin calculator for sats. Dealt with insanely complex mathematical formulas to help users track their Bitcoin goals.",[18,19,21],"h2",{"id":20},"the-challenge","The Challenge",[14,23,24],{},"SatsGoal needed a Bitcoin savings calculator that could handle precise calculations with satoshis, the smallest unit of Bitcoin. The math had to be exact since even tiny rounding errors could compound into significant amounts over time. They also needed to handle multiple currencies and Bitcoin price fluctuations in real-time.",[18,26,28],{"id":27},"the-solution","The Solution",[14,30,31],{},"Built a React-based calculator using BigNumber.js to handle precise decimal arithmetic without floating-point errors. Implemented real-time Bitcoin price fetching from multiple exchanges with fallback sources. Created visualizations showing how regular sat purchases compound over time. Added the ability to factor in different DCA strategies and compare results. All calculations are done client-side for privacy since users are entering financial goals.",[18,33,35],{"id":34},"technologies","Technologies",[14,37,38],{},"React with TypeScript for type-safe calculations. BigNumber.js for precise decimal arithmetic. Multiple cryptocurrency API integrations with fallback logic. Chart.js for visualizing accumulation over time. All calculations run client-side for user privacy.",{"title":40,"searchDepth":41,"depth":41,"links":42},"",2,[43,44,45],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},"React","md",[49,50,51,52,53,54,55,56],"\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_0f4765950b-tvoe4m.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_0f4765950b-nysndb.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_1_a463222868-5qsrtf.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_2_3d36bfe99e-h2wuw3.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_2_3d36bfe99e-rr3xpo.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_3_c4307ae52f-h88fmp.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_3_c4307ae52f-huayh3.png","\u002Fimg\u002Fprojects\u002Fsatsgoal\u002Fsatsgoal_com_1440x900_Screenshots_4_62bc6c6d02-344777.png","https:\u002F\u002Fwww.satsgoal.com",{},true,"\u002Fprojects\u002Fsatsgoal","Frontend Developer",{"title":5,"description":16},"LIVE","projects\u002Fsatsgoal",[46,66,67,68],"TypeScript","Complex Math","Bitcoin\u002FSats","bhMdNIAtdZICD85tslVjFcEifevBycz9e3rRtppTIQ8",[71,135,187,238,288,340,384,436,485,528,582,629,671,732,790,839,899,962,990,1050,1138,1189],{"id":72,"title":73,"body":74,"category":102,"challenge":86,"client":73,"description":81,"extension":47,"gallery":103,"image":104,"link":124,"meta":125,"navigation":59,"path":126,"role":61,"seo":127,"solution":91,"status":63,"stem":128,"technologies":129,"technologiesText":96,"__hash__":134},"projects\u002Fprojects\u002Fberkshire-associates.md","Berkshire Associates",{"type":7,"value":75,"toc":97},[76,79,82,84,87,89,92,94],[10,77,73],{"id":78},"berkshire-associates",[14,80,81],{},"Led a massive UI overhaul of their affirmative action platform, migrating from legacy JSP .NET to a modern Vue 3 + TypeScript + Tailwind + Quasar stack. Extensive unit and E2E testing, with close collaboration between designers, developers, and PMs.",[18,83,21],{"id":20},[14,85,86],{},"Berkshire Associates was running a critical affirmative action compliance platform on legacy JSP .NET that was becoming impossible to maintain. They needed to modernize the entire frontend while ensuring zero data loss and maintaining complex business logic. The platform handled sensitive employee data, so security and reliability were non-negotiable.",[18,88,28],{"id":27},[14,90,91],{},"Architected a complete frontend rewrite using Vue 3 with TypeScript for type safety on sensitive data flows. Implemented comprehensive unit testing with Vitest and E2E testing with Cypress to ensure feature parity with the legacy system. Used Quasar framework for enterprise-grade UI components. Created a detailed migration plan with parallel running systems to validate data accuracy before full cutover. Worked in close collaboration with PMs and designers to improve UX while maintaining familiar workflows for existing users.",[18,93,35],{"id":34},[14,95,96],{},"Vue 3 with Composition API and TypeScript for full type safety. Quasar framework for enterprise UI components and layout system. Tailwind CSS for custom styling. Vitest for unit testing and Cypress for E2E testing. Pinia for state management. Integrated with existing .NET backend APIs.",{"title":40,"searchDepth":41,"depth":41,"links":98},[99,100,101],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},"Vue 3",[104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123],"\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fportal_berkshireassociates_com_6101_1440x900_Screenshots_df37d246dc-d7kzjp.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_1_7a03e910d6-qa8du2.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_10_2fcf2f8857-krmf7b.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_11_4f5a8515df-g7q2kk.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_12_5d17914c4f-shojrm.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_13_f452c4c6fb-qvh5bv.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_14_3a83c2bf37-epwihe.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_15_95f58b2158-yzj53a.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_2_754466131c-k2j2zy.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_3_63bf8da584-xtp9wh.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_4_9823eb2059-2y2ps9.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_5_9efd4b96a9-97hwvj.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_6_208cc0a088-g5w243.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_7_59b7f7a625-5ekngs.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_8_88cbe7e7b9-cpn1x2.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_9_66dde85b48-h7rc5n.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_aap_data_viz_overview_1440x900_Screenshots_e5674e1e05-5pupel.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_subdomain_redirection_subdomain_Redirect_true_and_view_As_User_8831cafc_9a79_4908_8259_167db5f923d7_1440x900_Screenshots_1_606b43f068-3upg0r.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_subdomain_redirection_subdomain_Redirect_true_and_view_As_User_8831cafc_9a79_4908_8259_167db5f923d7_1440x900_Screenshots_d81ffadd13-oqc15d.png","\u002Fimg\u002Fprojects\u002Fberkshire-associates\u002Fmcken_portal_berkshireassociates_com_6101_view_as_1440x900_Screenshots_bdf542eb10-3pjmhr.png","https:\u002F\u002Fwww.berkshireassociates.com",{},"\u002Fprojects\u002Fberkshire-associates",{"title":73,"description":81},"projects\u002Fberkshire-associates",[102,66,130,131,132,133],"Tailwind CSS","Quasar","Unit Testing","E2E Testing","GxGJwPfMbF2fcxgiSy8sEUv37GZBWyHgdCQxxK-nsvU",{"id":136,"title":137,"body":138,"category":46,"challenge":150,"client":137,"description":145,"extension":47,"gallery":166,"image":167,"link":173,"meta":174,"navigation":59,"path":175,"role":176,"seo":177,"solution":155,"status":63,"stem":178,"technologies":179,"technologiesText":160,"__hash__":186},"projects\u002Fprojects\u002Fbitrivals.md","BitRivals",{"type":7,"value":139,"toc":161},[140,143,146,148,151,153,156,158],[10,141,137],{"id":142},"bitrivals",[14,144,145],{},"Full-stack engineer and community manager working with complex, varied game APIs. Built sophisticated messaging system, bidding system, notifications, Discord integration, and Stripe payments. Implemented rate limiting for game stat syncing and so much more complex functionality.",[18,147,21],{"id":20},[14,149,150],{},"BitRivals needed a complete esports wagering platform that could integrate with multiple gaming APIs, handle real-time matches, process payments securely, and manage a growing Discord community. They required complex features like live bidding, automated stat verification, fraud prevention, and instant payouts, all while maintaining compliance with gambling regulations.",[18,152,28],{"id":27},[14,154,155],{},"Architected a full-stack platform using React for the main site and Nuxt for the marketing pages. Built a sophisticated bidding system with WebSocket connections for real-time updates during live matches. Integrated with Riot Games, Steam, and other gaming APIs to automatically verify match results and player stats. Implemented rate limiting and caching to avoid API quota issues. Created Discord bot integration for community management and match notifications. Built secure payment processing with Stripe including escrow functionality for wagered amounts. Added fraud detection by tracking betting patterns and user behavior.",[18,157,35],{"id":34},[14,159,160],{},"React and Vue.js\u002FNuxt for frontend with different rendering strategies. Node.js backend with Express for API routes. Socket.io for real-time bidding and match updates. Discord.js for bot integration. Stripe API for payment processing and Connect for payouts. Redis for caching game stats and rate limiting. Postgres database for user data and match history.",{"title":40,"searchDepth":41,"depth":41,"links":162},[163,164,165],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[167,168,169,170,171,172],"\u002Fimg\u002Fprojects\u002Fbitrivals\u002Fwww_bitrivals_gg_High_Quality_Screen_Shot_1440x900_1_d4df5ee2a7_ef0d8486ca-f73nns.png","\u002Fimg\u002Fprojects\u002Fbitrivals\u002Fapp_bitrivals_gg_dashboard_Valorant_High_Quality_Screen_Shot_1440x900_1_36fc93a14b_60ff9b820a-243fyl.png","\u002Fimg\u002Fprojects\u002Fbitrivals\u002Fapp_bitrivals_gg_login_High_Quality_Screen_Shot_1440x900_2_8c9f16402c_c94972e0be-5k9qq0.png","\u002Fimg\u002Fprojects\u002Fbitrivals\u002Fapp_bitrivals_gg_login_High_Quality_Screen_Shot_1440x900_3_c5ee6b424c_9af0bee1c2-2l1960.png","\u002Fimg\u002Fprojects\u002Fbitrivals\u002Fapp_bitrivals_gg_login_High_Quality_Screen_Shot_1440x900_4_1_9fb25fd2b5_0fbafd2850-rsw2xv.png","\u002Fimg\u002Fprojects\u002Fbitrivals\u002Fapp_bitrivals_gg_login_High_Quality_Screen_Shot_1440x900_5_1_1e7e1e892c_13e2a3e757-r4tjz3.png","https:\u002F\u002Fwww.bitrivals.com",{},"\u002Fprojects\u002Fbitrivals","Full-Stack Developer & Community Manager",{"title":137,"description":145},"projects\u002Fbitrivals",[46,180,181,182,183,184,185],"Vue.js","Nuxt","Node.js","Socket.io","Discord API","Stripe","cN7WjfXjaAN63YPsHJvjwgCuil3xz2QAPWGDCRxPWZg",{"id":188,"title":189,"body":190,"category":181,"challenge":202,"client":189,"description":197,"extension":47,"gallery":218,"image":219,"link":228,"meta":229,"navigation":59,"path":230,"role":231,"seo":232,"solution":207,"status":63,"stem":233,"technologies":234,"technologiesText":212,"__hash__":237},"projects\u002Fprojects\u002Fbuongiorno-bagels-cafe.md","Buongiorno Bagels",{"type":7,"value":191,"toc":213},[192,195,198,200,203,205,208,210],[10,193,189],{"id":194},"buongiorno-bagels",[14,196,197],{},"Full-stack engineer helping this local bagel shop gain online visibility and manage content through Strapi CMS. Owned by the same operator as Leones Pizzeria next door.",[18,199,21],{"id":20},[14,201,202],{},"Buongiorno Bagels needed an online presence to compete with nearby bagel shops that offered online ordering. The owner wanted to highlight daily fresh-baked specials and make it easy for customers to place morning orders for pickup. Content updates needed to be simple since the shop operates early morning hours.",[18,204,28],{"id":27},[14,206,207],{},"Created a companion site to Leones Pizzeria using the same Strapi backend for cost efficiency. Built a mobile-first interface since most customers order from their phones during morning commute. Implemented a simplified menu system focused on speed since customers want quick breakfast orders. Added timezone-aware ordering cutoffs so fresh items are guaranteed. Optimized for local search with proper business markup.",[18,209,35],{"id":34},[14,211,212],{},"Nuxt 3 with mobile-first responsive design. Shared Strapi CMS instance with Leones Pizzeria for content management. Custom ordering logic for time-based menu availability. Local SEO optimization with Google My Business integration.",{"title":40,"searchDepth":41,"depth":41,"links":214},[215,216,217],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[219,220,221,222,223,224,225,226,227],"\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_e2f411ffe5-y0mwn8.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_1_2f95c0a51e-scfeuu.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_2_fe3af7bdc4-5ukarx.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_3_23a047dbf4-urw7n5.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_4_392e56d456-pyt8i0.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_5_f97962596d-y4book.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_6_c9097263ae-mz83q9.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_7_1_1ac0516275-8otpht.png","\u002Fimg\u002Fprojects\u002Fbuongiorno-bagels-cafe\u002Fbagel_shop_template_vercel_app_Screenshots_7_6d94d4709e-x49sjh.png","https:\u002F\u002Fwww.buongiornobagels.com",{},"\u002Fprojects\u002Fbuongiorno-bagels-cafe","Full-Stack Developer",{"title":189,"description":197},"projects\u002Fbuongiorno-bagels-cafe",[181,180,235,236],"Strapi","Content Management","bxikTQGZd-5G1KyL16LrrWO2b4dInqSezEx3vGCOxts",{"id":239,"title":240,"body":241,"category":46,"challenge":253,"client":240,"description":248,"extension":47,"gallery":269,"image":270,"link":278,"meta":279,"navigation":59,"path":280,"role":61,"seo":281,"solution":258,"status":63,"stem":282,"technologies":283,"technologiesText":263,"__hash__":287},"projects\u002Fprojects\u002Fchampions-round.md","Champions Round",{"type":7,"value":242,"toc":264},[243,246,249,251,254,256,259,261],[10,244,240],{"id":245},"champions-round",[14,247,248],{},"Worked on both the React website and React Native mobile app for this fantasy sports platform. Helped bring a seamless experience across web and mobile.",[18,250,21],{"id":20},[14,252,253],{},"Champions Round needed a fantasy sports platform that worked seamlessly across web and mobile with shared code and consistent UX. Users needed to be able to manage their teams, join contests, and track live scores from any device. Keeping the web and mobile apps in sync was a major challenge.",[18,255,28],{"id":27},[14,257,258],{},"Developed the web platform using React with responsive design for mobile browsers. Built the iOS and Android apps using React Native, sharing business logic and API integration code between platforms. Implemented real-time score updates using WebSockets that work consistently across web and mobile. Created a shared component library for UI elements that look native on each platform while maintaining brand consistency.",[18,260,35],{"id":34},[14,262,263],{},"React for web application with responsive design. React Native for iOS and Android apps. Shared JavaScript modules for API communication and business logic. WebSockets for real-time sports data. Redux for state management across platforms.",{"title":40,"searchDepth":41,"depth":41,"links":265},[266,267,268],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[270,271,272,273,274,275,276,277],"\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_Screenshot_2021_07_15_at_9_45_39_AM_56e9a7a1fd_6cc866d6dc-hgrha0.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_1440x900_Screenshots_9_9f827c8491_e300cf5a79-vokdg8.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_1440x900_Screenshots_10_9d5a108248_f0a9369216-jawbgx.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_1440x900_Screenshots_11_785ea235ca_b77472d6e1-yp4zk1.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_1440x900_Screenshots_12_999244dea9_8c632d107e-bqatgx.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_news_1440x900_Screenshots_1_23584e88af_3492e02567-dn5x43.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_spicy_slips_1440x900_Screenshots_2_1_e0737c0f9c_d0b1c359b7-axy6ow.png","\u002Fimg\u002Fprojects\u002Fchampions-round\u002Fsmall_championsround_com_spicy_slips_1440x900_Screenshots_3_1_7a612257c9_e4059ff1ce-zo37nl.png","https:\u002F\u002Fwww.championsround.com",{},"\u002Fprojects\u002Fchampions-round",{"title":240,"description":248},"projects\u002Fchampions-round",[46,284,285,286],"React Native","JavaScript","Mobile Development","4_dUq_Xm7349pdm1a7sNLLAMtEo8RdeOEHHP1ykjXhU",{"id":289,"title":290,"body":291,"category":319,"challenge":303,"client":290,"description":298,"extension":47,"gallery":320,"image":321,"link":331,"meta":332,"navigation":59,"path":333,"role":61,"seo":334,"solution":308,"status":63,"stem":335,"technologies":336,"technologiesText":313,"__hash__":339},"projects\u002Fprojects\u002Fclearview-energy.md","Clearview Energy",{"type":7,"value":292,"toc":314},[293,296,299,301,304,306,309,311],[10,294,290],{"id":295},"clearview-energy",[14,297,298],{},"Did extensive WordPress work with heavy team collaboration. Drastically improved site performance, especially focused on mobile performance and responsive design to reach customers on any device.",[18,300,21],{"id":20},[14,302,303],{},"Clearview Energy had a WordPress site with terrible mobile performance scores and high bounce rates on mobile devices. Pages were taking 8+ seconds to load on mobile networks, and the desktop-first design was causing usability issues on smaller screens. They were losing potential customers who found them through mobile search.",[18,305,28],{"id":27},[14,307,308],{},"Conducted a comprehensive performance audit and implemented aggressive optimization strategies. Lazy loaded images and videos, minified and combined assets, implemented critical CSS inlining for above-the-fold content. Rebuilt key pages with a mobile-first approach, ensuring smooth interactions on touch devices. Added service worker for offline functionality and faster repeat visits. Mobile page load time dropped from 8s to under 3s, and mobile bounce rate decreased by 35%.",[18,310,35],{"id":34},[14,312,313],{},"WordPress with custom performance-optimized theme. JavaScript for lazy loading and intersection observers. Implemented responsive images with srcset for different screen sizes. Used gulp for asset optimization and minification. Mobile-first CSS with progressive enhancement for desktop.",{"title":40,"searchDepth":41,"depth":41,"links":315},[316,317,318],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},"WordPress",[321,322,323,324,325,326,327,328,329,330],"\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_124158_2d893d1233_047b72e28a-wocc21.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_124309_bf9b5c5061_e7db205de9-sqars9.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_124517_3de0a66f9f_5e1ca12620-3hiz9i.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_124546_b1b279fdc5_2953ec10fb-e2zpyv.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_124612_8761f7ec2e_1_c89b34aa82-jj8ula.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_124612_8761f7ec2e_4083f92f3f-udwmre.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_125031_2436a7a300_0db2b98bc7-lc1to8.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_125114_1c98d378ff_25a04381e2-u9nnwm.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_125248_949e872b6d_0c1244203b-pofj0w.png","\u002Fimg\u002Fprojects\u002Fclearview-energy\u002Fsmall_Screenshot_2021_04_23_125304_1472b5dce8_c13c56b3f5-aw3qu1.png","https:\u002F\u002Fwww.clearviewenergy.com",{},"\u002Fprojects\u002Fclearview-energy",{"title":290,"description":298},"projects\u002Fclearview-energy",[319,285,337,338],"Performance Optimization","Mobile Optimization","34kL49-VP9e4N8P21MFI4BimiQfdhJKlggy7gVJNLro",{"id":341,"title":342,"body":343,"category":180,"challenge":355,"client":342,"description":350,"extension":47,"gallery":371,"image":372,"link":376,"meta":377,"navigation":59,"path":378,"role":61,"seo":379,"solution":360,"status":63,"stem":380,"technologies":381,"technologiesText":365,"__hash__":383},"projects\u002Fprojects\u002Fewayscooters.md","EwayScooters",{"type":7,"value":344,"toc":366},[345,348,351,353,356,358,361,363],[10,346,342],{"id":347},"ewayscooters",[14,349,350],{},"Worked on the UI and content for this local e-scooter company. Also did UI work on their React Native mobile app to ensure consistency across platforms.",[18,352,21],{"id":20},[14,354,355],{},"EwayScooters needed a modern web presence to showcase their e-scooter products while also maintaining a mobile app for their rental service. The web and app needed to share design language but serve different purposes. They were competing with larger scooter companies and needed to stand out.",[18,357,28],{"id":27},[14,359,360],{},"Developed a product-focused website using Vue.js with high-quality visuals and detailed specs for each scooter model. Created a consistent design system that carried over to their React Native rental app. The web site focuses on sales and product information, while the app handles rentals and user accounts. Shared component designs and brand assets between platforms for consistency.",[18,362,35],{"id":34},[14,364,365],{},"Vue.js for the marketing website with responsive design. React Native for iOS and Android rental apps. Shared design tokens for colors, typography, and spacing. Custom UI components that adapt to each platform's conventions.",{"title":40,"searchDepth":41,"depth":41,"links":367},[368,369,370],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[372,373,374,375],"\u002Fimg\u002Fprojects\u002Fewayscooters\u002Fwww_ewayscooters_com_1440x900_Screenshots_897ad3acd3-saoaee.png","\u002Fimg\u002Fprojects\u002Fewayscooters\u002Fwww_ewayscooters_com_1440x900_Screenshots_1_1071f65878-7vvpxw.png","\u002Fimg\u002Fprojects\u002Fewayscooters\u002Fwww_ewayscooters_com_1440x900_Screenshots_2_6c78a3c7ec-vyasbx.png","\u002Fimg\u002Fprojects\u002Fewayscooters\u002Fwww_ewayscooters_com_1440x900_Screenshots_3_899676b35c-7qlb8y.png","https:\u002F\u002Fwww.ewayscooters.com",{},"\u002Fprojects\u002Fewayscooters",{"title":342,"description":350},"projects\u002Fewayscooters",[180,284,286,382],"UI\u002FUX","9cV7w0PDIhtB3z17-7nGW6mpwfviuMwjlxeRhzqEruU",{"id":385,"title":386,"body":387,"category":46,"challenge":399,"client":386,"description":394,"extension":47,"gallery":415,"image":416,"link":428,"meta":429,"navigation":59,"path":430,"role":61,"seo":431,"solution":404,"status":63,"stem":432,"technologies":433,"technologiesText":409,"__hash__":435},"projects\u002Fprojects\u002Fgetfods.md","GetFODS",{"type":7,"value":388,"toc":410},[389,392,395,397,400,402,405,407],[10,390,386],{"id":391},"getfods",[14,393,394],{},"Worked on WordPress development and built a custom estimate calculator for customers with complex mathematical formulas. Helped streamline their quoting process.",[18,396,21],{"id":20},[14,398,399],{},"GetFODS needed a way for customers to get instant quotes without waiting for sales calls. Their product pricing involved complex calculations based on multiple variables including size, duration, location, and add-ons. The manual quoting process was slow and sales team was spending too much time on unqualified leads.",[18,401,28],{"id":27},[14,403,404],{},"Built a custom React-based calculator that handles all pricing variables and provides instant quotes. Implemented validation to ensure customers enter realistic values and guide them toward valid configurations. The calculator integrates with their WordPress site and feeds qualified leads directly to the sales team with all requirements pre-filled. Added the ability to save and email quotes for customer reference.",[18,406,35],{"id":34},[14,408,409],{},"Custom calculator built with React for dynamic UI updates. Complex mathematical formulas handled in JavaScript with validation logic. Integrated with WordPress via REST API for lead capture. Responsive design for mobile quote generation.",{"title":40,"searchDepth":41,"depth":41,"links":411},[412,413,414],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[416,417,418,419,420,421,422,423,424,425,426,427],"\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_1440x900_Screenshots_0ab27bae1e-1vmwjd.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_1440x900_Screenshots_1_15151bf1a8-ebqajh.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_1440x900_Screenshots_2_91086bd097-b41o0t.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_about_1440x900_Screenshots_1_73d5e315ba-wtsmc7.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_about_1440x900_Screenshots_39dc8aa335-yem5xs.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_blog_case_studies_san_diego_international_airport_new_t1_project_1440x900_Screenshots_1_2175d44fc5-d51gjy.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_blog_case_studies_san_diego_international_airport_new_t1_project_1440x900_Screenshots_f69d2982c7-uwzfyv.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_case_studies_1440x900_Screenshots_8d1c5694b7-939fyy.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_contractor_1440x900_Screenshots_1_3c19f89ab5-txsinv.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_contractor_1440x900_Screenshots_312a746e06-jshqsx.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_industries_1440x900_Screenshots_9d8cb56137-8uxd9c.png","\u002Fimg\u002Fprojects\u002Fgetfods\u002Fgetfods_com_industries_landfills_and_industrial_sites_1440x900_Screenshots_86f175cee9-tl2x3s.png","https:\u002F\u002Fwww.getfods.com",{},"\u002Fprojects\u002Fgetfods",{"title":386,"description":394},"projects\u002Fgetfods",[46,285,434],"Custom Calculator","df32ajj7fvpu2oQzKr0WoIQR3dsVzvsjQi3DLtV5IX0",{"id":437,"title":438,"body":439,"category":285,"challenge":451,"client":438,"description":446,"extension":47,"gallery":467,"image":468,"link":478,"meta":479,"navigation":59,"path":480,"role":61,"seo":481,"solution":456,"status":63,"stem":482,"technologies":483,"technologiesText":461,"__hash__":484},"projects\u002Fprojects\u002Fglobal-x-etf.md","Global X ETF",{"type":7,"value":440,"toc":462},[441,444,447,449,452,454,457,459],[10,442,438],{"id":443},"global-x-etf",[14,445,446],{},"Worked on WordPress updates and helped build an internal content management platform using Strapi. Enhanced the site to handle high traffic loads for this $50+ billion asset management firm.",[18,448,21],{"id":20},[14,450,451],{},"Global X ETF needed to modernize their content management workflow while maintaining site stability under massive traffic loads. Their existing WordPress setup was becoming difficult to scale, and they required an internal CMS that could handle complex financial content without compromising performance.",[18,453,28],{"id":27},[14,455,456],{},"Built a custom Strapi-based content management platform that integrated seamlessly with their existing WordPress infrastructure. Implemented aggressive caching strategies and optimized asset delivery to handle traffic spikes during market hours. The new system reduced content publishing time by 60% while maintaining sub-2-second page loads under heavy traffic.",[18,458,35],{"id":34},[14,460,461],{},"Built on WordPress with custom theme development. Created internal CMS using Strapi with custom content types for financial data. Implemented performance optimizations using vanilla JavaScript and aggressive browser caching. Deployed on enterprise hosting infrastructure with CDN integration for global asset delivery.",{"title":40,"searchDepth":41,"depth":41,"links":463},[464,465,466],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[468,469,470,471,472,473,474,475,476,477],"\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_1440x900_Screenshots_faeecacc25-so04ok.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_model_portfolios_1440x900_Screenshots_99819d9b10-4zl4bm.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_about_1440x900_Screenshots_1_396d5db77a-xvwk6r.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_1440x900_Screenshots_2_b44e8fa39d-xhgkwj.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_about_1440x900_Screenshots_2_43c6f52e69-73x5ir.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_explore_1440x900_Screenshots_6218f2a712-a7djpx.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_about_1440x900_Screenshots_3_52021ac231-wonza3.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_about_1440x900_Screenshots_ab6f2c11a3-03qle1.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_research_1440x900_Screenshots_1d961e8dbc-qgaz9z.png","\u002Fimg\u002Fprojects\u002Fglobal-x-etf\u002Fwww_globalxetfs_com_1440x900_Screenshots_1_5d4c5af28d-hg1y70.png","https:\u002F\u002Fwww.globalxetfs.com",{},"\u002Fprojects\u002Fglobal-x-etf",{"title":438,"description":446},"projects\u002Fglobal-x-etf",[285,319,235,337],"pYUpt7Xvj7jbHTbfFBVT5yHzZYzrWb9c2EYH3jnyD74",{"id":486,"title":487,"body":488,"category":180,"challenge":500,"client":487,"description":495,"extension":47,"gallery":516,"image":517,"link":521,"meta":522,"navigation":59,"path":523,"role":61,"seo":524,"solution":505,"status":63,"stem":525,"technologies":526,"technologiesText":510,"__hash__":527},"projects\u002Fprojects\u002Fgobluecube.md","GoBlueCube",{"type":7,"value":489,"toc":511},[490,493,496,498,501,503,506,508],[10,491,487],{"id":492},"gobluecube",[14,494,495],{},"Frontend developer helping this digital marketing agency get more visibility for their services online.",[18,497,21],{"id":20},[14,499,500],{},"GoBlueCube is a marketing agency that ironically had poor online visibility. Their old website did not reflect the quality of work they deliver to clients. They needed a modern site that showcased their services and case studies while ranking well in search results for marketing agencies.",[18,502,28],{"id":27},[14,504,505],{},"Developed a clean, modern website using Nuxt for SSR and better SEO. Created dedicated pages for each service with detailed explanations and case studies. Implemented proper meta tags, structured data, and internal linking for search engine optimization. Built a portfolio section showcasing their best work with filterable categories. The site now ranks on the first page for several competitive marketing keywords.",[18,507,35],{"id":34},[14,509,510],{},"Nuxt with server-side rendering for SEO benefits. Vue.js for interactive components. Optimized meta tags and structured data for search engines. Fast loading times with lazy-loaded images and code splitting.",{"title":40,"searchDepth":41,"depth":41,"links":512},[513,514,515],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[517,518,519,520],"\u002Fimg\u002Fprojects\u002Fgobluecube\u002Fgobluecube_com_1280x900_380ceb61b6-fqcyka.png","\u002Fimg\u002Fprojects\u002Fgobluecube\u002Fgobluecube_com_1280x900_1_b2efcdf772-l70l6c.png","\u002Fimg\u002Fprojects\u002Fgobluecube\u002Fgobluecube_com_1280x900_2_37c5a48f4b-rilox9.png","\u002Fimg\u002Fprojects\u002Fgobluecube\u002Fgobluecube_com_1280x900_3_cdc758274a-topfkr.png","https:\u002F\u002Fwww.gobluecube.com",{},"\u002Fprojects\u002Fgobluecube",{"title":487,"description":495},"projects\u002Fgobluecube",[180,181,285],"YZybJXT_i0q273mVeJ9EG1JJAYNA_FNu2HzkoyxxKQE",{"id":529,"title":530,"body":531,"category":180,"challenge":543,"client":530,"description":538,"extension":47,"gallery":559,"image":560,"link":575,"meta":576,"navigation":59,"path":577,"role":61,"seo":578,"solution":548,"status":63,"stem":579,"technologies":580,"technologiesText":553,"__hash__":581},"projects\u002Fprojects\u002Fgrailed.md","Grailed",{"type":7,"value":532,"toc":554},[533,536,539,541,544,546,549,551],[10,534,530],{"id":535},"grailed",[14,537,538],{},"Worked on the Vue.js UI for this massive fashion resale marketplace processing millions in transactions. Note: The platform later migrated to React, but I contributed during the Vue era.",[18,540,21],{"id":20},[14,542,543],{},"Grailed needed to scale their marketplace platform to handle rapid growth in users and transactions. The existing Vue.js frontend was experiencing performance issues with large product catalogs, and the checkout flow had a high abandonment rate. They needed to optimize the user experience without disrupting daily operations.",[18,545,28],{"id":27},[14,547,548],{},"Optimized product listing pages by implementing virtual scrolling for infinite lists, reducing DOM nodes and improving scroll performance. Refactored the checkout flow to reduce steps and added real-time validation to catch errors before submission. Implemented lazy loading for product images with blur-up placeholders for better perceived performance. Added TypeScript gradually to catch bugs during development.",[18,550,35],{"id":34},[14,552,553],{},"Built with Vue.js 2 and migrated critical components to TypeScript for better type safety. Used Vuex for state management across the complex marketplace flows. Implemented virtual scrolling using vue-virtual-scroller for product catalogs. JavaScript for custom interactions and form validation.",{"title":40,"searchDepth":41,"depth":41,"links":555},[556,557,558],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[560,561,562,563,564,565,566,567,568,569,570,571,572,573,574],"\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_88663310d2-5jhmh0.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_1_38906c7342-4kj5dl.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_2_36a49ae7e7-8evhm9.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_3_931f0462a6-1kep97.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_4_80eccda1db-6wsb4j.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_5_1d8041b783-edh2e9.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_1440x900_Screenshots_6_0802171cdd-p2vb8m.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_categories_all_1440x900_Screenshots_1_e47171f225-s7ns1w.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_categories_all_1440x900_Screenshots_2_c079ea8d45-wrli3f.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_categories_all_1440x900_Screenshots_2521966067-vlfwyr.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_categories_all_1440x900_Screenshots_3_403ea0f767-cw6yxm.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_listings_40831544_military_x_streetwear_x_vintage_vintage_grey_army_military_zip_up_windbreaker_travis_style_g_aidx_Listing_production_and_g_aqid_33fe9ca42d6fdc697d0d71cd196dfe3e_1440x900_Screenshots_9dce7925b2-jts2iu.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_listings_53512310_supreme_supreme_new_era_script_beanie_g_aidx_Listing_by_heat_production_and_g_aqid_54ff2a0308f14cceee0f68b32777c73f_1440x900_Screenshots_64788bd631-3ygk2e.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fwww_grailed_com_shop_1440x900_Screenshots_9684cefeb1-h85lqw.png","\u002Fimg\u002Fprojects\u002Fgrailed\u002Fhelp_grailed_com_hc_en_us_1440x900_Screenshots_91f62deacb-dwggb5.png","https:\u002F\u002Fwww.grailed.com",{},"\u002Fprojects\u002Fgrailed",{"title":530,"description":538},"projects\u002Fgrailed",[180,285,66],"0GbbilHqyG38puPqtjqIxMRK4K_ncd3GP0Sw2Jgm91Y",{"id":583,"title":584,"body":585,"category":181,"challenge":597,"client":584,"description":592,"extension":47,"gallery":613,"image":614,"link":622,"meta":623,"navigation":59,"path":624,"role":231,"seo":625,"solution":602,"status":63,"stem":626,"technologies":627,"technologiesText":607,"__hash__":628},"projects\u002Fprojects\u002Fleones-pizzeria.md","Leones Pizzeria",{"type":7,"value":586,"toc":608},[587,590,593,595,598,600,603,605],[10,588,584],{"id":589},"leones-pizzeria",[14,591,592],{},"Full-stack engineer helping this local pizzeria get more visibility and manage content through Strapi CMS. Same owner operates both this pizzeria and the bagel shop next door.",[18,594,21],{"id":20},[14,596,597],{},"Leones Pizzeria had no online presence and was relying entirely on walk-in traffic. They needed a website that could showcase their menu, allow online ordering, and be easy for non-technical staff to update. The owner also runs a bagel shop next door and wanted a similar system for both businesses.",[18,599,28],{"id":27},[14,601,602],{},"Built a Nuxt 3 site with Strapi CMS for easy content management. Created custom content types for menu items, specials, and hours. Implemented a simple interface where staff can update the menu and post daily specials without any coding knowledge. Added online ordering integration and optimized for local SEO to appear in \"pizza near me\" searches. Delivered a similar solution for the bagel shop with shared infrastructure to reduce costs.",[18,604,35],{"id":34},[14,606,607],{},"Nuxt 3 for frontend with Vue 3. Strapi headless CMS for content management with custom content types. REST API for menu data. Optimized for local SEO with schema markup. Deployed on shared hosting with both sites using the same Strapi instance.",{"title":40,"searchDepth":41,"depth":41,"links":609},[610,611,612],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[614,615,616,617,618,619,620,621],"\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_24cdee113f-ehhtd5.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_1_afb4d5960f-a7ytvm.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_2_bc01d14f58-cs7sc7.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_3_1_a5a40cc8a2-drneo0.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_4_1_49d1723756-qrntno.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_5_63be2c344c-k9ll4z.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_6_d48a54dd21-w73whs.png","\u002Fimg\u002Fprojects\u002Fleones-pizzeria\u002Fwww_leonespizzerianyc_com_1440x900_Screenshots_7_8c47faaccd-487u7l.png","https:\u002F\u002Fwww.leonespizzerianyc.com\u002F",{},"\u002Fprojects\u002Fleones-pizzeria",{"title":584,"description":592},"projects\u002Fleones-pizzeria",[181,180,235,236],"ya9Za8y-nS-KE-VJlvDz91-Ix75sbUdi1Mssgkt2mQw",{"id":630,"title":631,"body":632,"category":181,"challenge":644,"client":631,"description":639,"extension":47,"gallery":660,"image":661,"link":664,"meta":665,"navigation":59,"path":666,"role":61,"seo":667,"solution":649,"status":63,"stem":668,"technologies":669,"technologiesText":654,"__hash__":670},"projects\u002Fprojects\u002Flimelightdigitalagency.md","Limelight Digital Agency",{"type":7,"value":633,"toc":655},[634,637,640,642,645,647,650,652],[10,635,631],{"id":636},"limelight-digital-agency",[14,638,639],{},"Digital agency work helping them boost online visibility. Built a quoting calculator for client estimates, developed blog features with Strapi CMS, and focused heavily on performance optimization.",[18,641,21],{"id":20},[14,643,644],{},"Limelight Digital Agency was spending too much time on custom quotes for potential clients, many of whom were not qualified leads. They also wanted to establish thought leadership through blogging but needed an easy way to publish content. The site was slow and hurting their credibility as a digital agency.",[18,646,28],{"id":27},[14,648,649],{},"Built an interactive quoting calculator using Nuxt and Vue.js that lets potential clients get instant estimates based on project scope, timeline, and services needed. This pre-qualifies leads and saves the sales team hours each week. Integrated Strapi CMS for blog management so the marketing team can publish articles without developer involvement. Implemented aggressive performance optimizations including image optimization, code splitting, and caching strategies. Lighthouse score improved from 45 to 95.",[18,651,35],{"id":34},[14,653,654],{},"Nuxt 3 with Vue 3 for SSR and performance. Tailwind CSS for responsive design system. Strapi headless CMS for blog content management. Custom calculator built with Vue reactivity. Performance optimizations including image optimization, lazy loading, and edge caching.",{"title":40,"searchDepth":41,"depth":41,"links":656},[657,658,659],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[661,662,663],"\u002Fimg\u002Fprojects\u002Flimelightdigitalagency\u002Fwww_limelightdigitalagency_com_1440x900_Screenshots_14979a2b9c-kxgoub.png","\u002Fimg\u002Fprojects\u002Flimelightdigitalagency\u002Fwww_limelightdigitalagency_com_1440x900_Screenshots_1_bae2eac965-r53al1.png","\u002Fimg\u002Fprojects\u002Flimelightdigitalagency\u002Fwww_limelightdigitalagency_com_1440x900_Screenshots_2_03c500ce65-cvy0km.png","https:\u002F\u002Fwww.limelightdigital.com",{},"\u002Fprojects\u002Flimelightdigitalagency",{"title":631,"description":639},"projects\u002Flimelightdigitalagency",[181,180,130,235,337],"DIQtnnGCw6NMPhgPR826rD8gd7S3gF-chcAHaj9l8Ek",{"id":672,"title":673,"body":674,"category":180,"challenge":686,"client":673,"description":681,"extension":47,"gallery":702,"image":703,"link":724,"meta":725,"navigation":59,"path":726,"role":61,"seo":727,"solution":691,"status":63,"stem":728,"technologies":729,"technologiesText":696,"__hash__":731},"projects\u002Fprojects\u002Fmyome.md","MyOme",{"type":7,"value":675,"toc":697},[676,679,682,684,687,689,692,694],[10,677,673],{"id":678},"myome",[14,680,681],{},"Helped migrate their entire website to a fresh new design. Focused heavily on accessibility and responsive design to make healthcare information available to everyone. Also integrated a comprehensive cookies policy for compliance.",[18,683,21],{"id":20},[14,685,686],{},"MyOme needed to completely redesign their healthcare platform while maintaining HIPAA compliance and meeting WCAG 2.1 AA accessibility standards. The old design was not mobile-friendly, and they needed to implement proper cookie consent for GDPR compliance. The migration had to happen without losing any existing content or SEO rankings.",[18,688,28],{"id":27},[14,690,691],{},"Led a complete frontend rebuild using Nuxt 3 with accessibility built in from the ground up. Implemented semantic HTML, proper ARIA labels, and keyboard navigation throughout the application. Ensured all color contrasts met WCAG standards and added screen reader support. Built a cookie consent system that properly categorizes and manages user preferences. Used Tailwind CSS for consistent, responsive design across all devices. Worked closely with the design team to ensure the new interface was both beautiful and accessible.",[18,693,35],{"id":34},[14,695,696],{},"Nuxt 3 for SSR with Vue 3 Composition API. Tailwind CSS for utility-first styling with custom accessibility-focused components. TypeScript for type-safe development. Custom cookie consent manager with localStorage persistence. Deployed on Vercel with edge functions for geolocation-based GDPR compliance.",{"title":40,"searchDepth":41,"depth":41,"links":698},[699,700,701],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[703,704,705,706,707,708,709,710,711,712,713,714,715,716,717,718,719,720,721,722,723],"\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-01-hero.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-02-genomic-analysis.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-03-test-types.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-04-who-we-serve.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-05-proactive-health.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-06-diagnostic-tests.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-07-providers-page.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-08-patients-page.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-09-our-approach.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-new-10-about-us.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-01-homepage.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-02-scroll.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-03-features.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-04-services.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-05-details.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-06-analysis.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-07-tests.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-08-insights.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-09-reports.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-10-health.png","\u002Fimg\u002Fprojects\u002Fmyome\u002Fmyome-11.png","https:\u002F\u002Fwww.myome.com",{},"\u002Fprojects\u002Fmyome",{"title":673,"description":681},"projects\u002Fmyome",[180,181,130,66,730],"Accessibility","yCsDh2sWbMTDNr4RLn1oYYwCWiHCBaKS61hnv7PTOfY",{"id":733,"title":734,"body":735,"category":180,"challenge":747,"client":734,"description":742,"extension":47,"gallery":763,"image":764,"link":780,"meta":781,"navigation":59,"path":782,"role":231,"seo":783,"solution":752,"status":63,"stem":784,"technologies":785,"technologiesText":757,"__hash__":789},"projects\u002Fprojects\u002Fmywatercloset.md","MyWaterCloset",{"type":7,"value":736,"toc":758},[737,740,743,745,748,750,753,755],[10,738,734],{"id":739},"mywatercloset",[14,741,742],{},"Built this platform from the ground up with real-time messaging, push notifications, comprehensive admin panel, content moderation, dynamic pages, and geolocation features. All powered by Supabase and Nuxt for a seamless user experience.",[18,744,21],{"id":20},[14,746,747],{},"The client needed a complete social marketplace platform built from scratch with real-time features, geolocation-based search, and robust content moderation. They required a system that could scale while keeping hosting costs reasonable, and needed it delivered in a tight timeline.",[18,749,28],{"id":27},[14,751,752],{},"Architected a full-stack application using Nuxt 3 and Supabase for instant real-time capabilities without managing WebSocket infrastructure. Implemented Row Level Security policies in Postgres for secure multi-tenant data isolation. Built a custom admin panel with content moderation queues, user management, and analytics dashboards. Integrated geolocation search using PostGIS extensions for location-based product discovery.",[18,754,35],{"id":34},[14,756,757],{},"Built with Nuxt 3 for SSR and SEO optimization. Supabase handles authentication, real-time subscriptions, and Postgres database with PostGIS for geolocation queries. Implemented push notifications using Supabase Edge Functions. Custom admin panel built with Vue 3 Composition API. Deployed on Vercel with automatic preview deployments.",{"title":40,"searchDepth":41,"depth":41,"links":759},[760,761,762],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[764,765,766,767,768,769,770,771,772,773,774,775,776,777,778,779],"\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset3.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset1.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset2.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset4.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset5.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset6.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset7.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset8.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset9.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset10.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset11.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset12.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset13.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset14.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset15.png","\u002Fimg\u002Fprojects\u002Fmywatercloset\u002Fmywatercloset16.png","https:\u002F\u002Fwww.mywatercloset.com",{},"\u002Fprojects\u002Fmywatercloset",{"title":734,"description":742},"projects\u002Fmywatercloset",[180,181,786,787,788],"Supabase","Geolocation","Real-time Messaging","OsEu8L97YvfvHpmG8vnL45rnHQr9Az_bP3lrbZJoTzc",{"id":791,"title":792,"body":793,"category":319,"challenge":805,"client":792,"description":800,"extension":47,"gallery":821,"image":822,"link":831,"meta":832,"navigation":59,"path":833,"role":61,"seo":834,"solution":810,"status":63,"stem":835,"technologies":836,"technologiesText":815,"__hash__":838},"projects\u002Fprojects\u002Fpalo-alto.md","Palo Alto",{"type":7,"value":794,"toc":816},[795,798,801,803,806,808,811,813],[10,796,792],{"id":797},"palo-alto",[14,799,800],{},"Worked on content-focused pages using WordPress for this cybersecurity leader. Also developed an internal tool for their K-12 learning center using Nuxt and Tailwind, making cybersecurity education more accessible to younger audiences.",[18,802,21],{"id":20},[14,804,805],{},"Palo Alto Networks needed to rebuild their K-12 cybersecurity education platform to make complex security concepts accessible to students. The existing platform was outdated and difficult for educators to navigate. They also needed ongoing WordPress development for their main marketing site to support high-traffic product launches.",[18,807,28],{"id":27},[14,809,810],{},"Developed a custom learning platform using Nuxt 3 with an intuitive interface designed specifically for younger users. Created interactive modules that break down cybersecurity concepts into digestible lessons. Built a progress tracking system for educators to monitor student advancement. On the WordPress side, optimized page load times and implemented custom blocks for their marketing team to easily create campaign pages.",[18,812,35],{"id":34},[14,814,815],{},"K-12 platform built with Nuxt 3 and Tailwind CSS for rapid UI development. WordPress development using custom theme with Advanced Custom Fields for flexible content management. SASS\u002FSCSS for component styling and maintainability. Deployed on enterprise infrastructure with automated testing pipeline.",{"title":40,"searchDepth":41,"depth":41,"links":817},[818,819,820],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[822,823,824,825,826,827,828,829,830],"\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_84c94d4cb2-i8y8t5.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_5_a812900f79-u5tb31.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_3_a4a907792e-b5p9zy.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fpalo_alto_curr_vercel_app_1440x900_Screenshots_4ac7afff26-918wsj.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_7_ff9ab56ed1-kxbvvv.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_2_02591a1c74-096ezd.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_4_a97b398887-3gqm8u.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_6_68241e22f0-1wpg1o.png","\u002Fimg\u002Fprojects\u002Fpalo-alto\u002Fwww_paloaltonetworks_com_1440x900_Screenshots_1_3b64a67ca9-pmax31.png","https:\u002F\u002Fwww.paloaltonetworks.com",{},"\u002Fprojects\u002Fpalo-alto",{"title":792,"description":800},"projects\u002Fpalo-alto",[319,181,130,837],"SASS\u002FSCSS","ZEleSBkEY555dhm4DV9-VzafnLfqlX-W9knloSIijFE",{"id":840,"title":841,"body":842,"category":181,"challenge":854,"client":841,"description":849,"extension":47,"gallery":870,"image":871,"link":890,"meta":891,"navigation":59,"path":892,"role":231,"seo":893,"solution":859,"status":63,"stem":894,"technologies":895,"technologiesText":864,"__hash__":898},"projects\u002Fprojects\u002Fpromanage-decumulation.md","ProManage",{"type":7,"value":843,"toc":865},[844,847,850,852,855,857,860,862],[10,845,841],{"id":846},"promanage",[14,848,849],{},"Worked mainly on the decumulation platform helping users build retirement plans based on many different variables. Handled very sensitive financial data where accessibility was a must. Built a complex stepper form with tons of conditional logic.",[18,851,21],{"id":20},[14,853,854],{},"ProManage needed a retirement planning tool that could handle extremely complex financial calculations while remaining accessible and easy to use. The platform had to guide users through a multi-step process with conditional questions based on previous answers, all while maintaining WCAG compliance and protecting sensitive financial data.",[18,856,28],{"id":27},[14,858,859],{},"Built a sophisticated multi-step form using Vue.js with dynamic conditional logic that shows\u002Fhides questions based on user inputs. Implemented comprehensive validation at each step to catch errors early. Ensured full keyboard navigation and screen reader support for accessibility. Created a progress indicator that shows users where they are in the process. Integrated with Laravel backend for secure data handling and complex financial calculations. Added the ability to save progress and return later.",[18,861,35],{"id":34},[14,863,864],{},"Nuxt for SSR with Vue 3 Composition API. Laravel backend for secure financial calculations and data storage. Complex form logic with Vuelidate for validation. WCAG 2.1 AA compliant markup and interactions. Deployed with strict security headers and HTTPS enforcement.",{"title":40,"searchDepth":41,"depth":41,"links":866},[867,868,869],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[871,872,873,874,875,876,877,878,879,880,881,882,883,884,885,886,887,888,889],"\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fpromanageplan_com_1440x900_Screenshots_1_bf769229c9-ran1z0.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fpromanageplan_com_1440x900_Screenshots_1_bf769229c9-jmmuzb.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fpromanageplan_com_1440x900_Screenshots_1_bf769229c9-lf1ap2.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum2_f137ce53b0-6v8uok.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum2_f137ce53b0-fl53ci.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum3_ff5d2d33ee-5u3s66.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum3_ff5d2d33ee-sy9i5z.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum4_ec784cac5b-8tk9ih.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum4_ec784cac5b-s1qaiw.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum5_1527e49b04-t9cav1.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum6_d5ec3683dd-s4d0fg.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum7_8e21fbf51e-0g8g5a.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum7_8e21fbf51e-51gkit.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum7_8e21fbf51e-7frh1i.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum8_812e8e2e7d-14uo1y.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum8_812e8e2e7d-21bybv.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Fdecum8_812e8e2e7d-ul7ohe.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Flocalhost_3005_info_1440x900_Screenshots_1_7d2dce2d1f-2b4uxh.png","\u002Fimg\u002Fprojects\u002Fpromanage-decumulation\u002Flocalhost_3005_info_1440x900_Screenshots_1_7d2dce2d1f-ddsjj2.png","https:\u002F\u002Fwww.promanage.com",{},"\u002Fprojects\u002Fpromanage-decumulation",{"title":841,"description":849},"projects\u002Fpromanage-decumulation",[181,180,896,730,897],"Laravel","Complex Forms","CIe1C1_GNGYadhobgSkVK4aT4_iMXXkMhdQc5HoiZCw",{"id":900,"title":901,"body":902,"category":930,"challenge":914,"client":901,"description":909,"extension":47,"gallery":931,"image":932,"link":953,"meta":954,"navigation":59,"path":955,"role":956,"seo":957,"solution":919,"status":63,"stem":958,"technologies":959,"technologiesText":924,"__hash__":961},"projects\u002Fprojects\u002Fraekdata.md","Raekdata",{"type":7,"value":903,"toc":925},[904,907,910,912,915,917,920,922],[10,905,901],{"id":906},"raekdata",[14,908,909],{},"Helped migrate off WordPress to a modern Next.js UI to improve UX, maintainability, and performance. Wrote an algorithm to migrate blog content seamlessly and integrated Stripe payments for their services.",[18,911,21],{"id":20},[14,913,914],{},"Raekdata was stuck on WordPress with hundreds of blog posts and service pages. The site was slow, hard to maintain, and they wanted to add subscription-based services with recurring payments. They needed to migrate all existing content without losing SEO rankings or breaking URLs, while simultaneously modernizing the tech stack.",[18,916,28],{"id":27},[14,918,919],{},"Built a Next.js application with static generation for blog posts and dynamic pages for services. Wrote a custom migration script that pulled all WordPress content via the REST API, converted it to Markdown, and preserved all metadata for SEO. Implemented proper redirects to maintain URL structure and search rankings. Integrated Stripe for one-time and subscription payments with a customer portal for managing subscriptions. The new site loads 5x faster and is significantly easier to maintain.",[18,921,35],{"id":34},[14,923,924],{},"Next.js with static site generation for blog content. React for interactive components. Custom Node.js script for WordPress content migration. Stripe API for payment processing and subscription management. Deployed on Vercel with incremental static regeneration for updated content.",{"title":40,"searchDepth":41,"depth":41,"links":926},[927,928,929],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},"Next.js",[932,933,934,935,936,937,938,939,940,941,942,943,944,945,946,947,948,949,950,951,952],"\u002Fimg\u002Fprojects\u002Fraekdata\u002Fapp_raekdata_com_1440x900_Screenshots_a0a3d4b12b-7ljzy9.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_1_307cef9fb0-aj6kpa.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_1_307cef9fb0-qfc3d4.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_10_f21a3fdb29-vef621.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_11_bf8b4d9d09-livb2m.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_12_b3b4d61dae-g6rcve.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_12_b3b4d61dae-mgvq8j.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_3_b97bad3f39-wfdprb.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_3_b97bad3f39-zylm5s.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_4_55c2221dfe-qudc97.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_5_06965ce2c5-yo9omr.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_6_46082622ec-dxdd61.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_7_6741e5b441-mpn09q.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_8_00217a6a12-beiqj6.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_9_2b2f0af219-dxv887.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_ae88db4778-2hd5jt.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_1440x900_Screenshots_ae88db4778-5aslvt.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_register_1440x900_Screenshots_1_e01cd52fa0-hsxufz.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_register_1440x900_Screenshots_2_00bfe4f633-ck1f67.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_register_1440x900_Screenshots_3_9e98da04be-g28yoy.png","\u002Fimg\u002Fprojects\u002Fraekdata\u002Fraek_deployer_vercel_app_register_1440x900_Screenshots_c368ccebfa-c6f9y6.png","https:\u002F\u002Fwww.raekdata.com",{},"\u002Fprojects\u002Fraekdata","Frontend Engineer",{"title":901,"description":909},"projects\u002Fraekdata",[930,46,185,960,337],"Blog Migration","_DwJyei3fEGPFKbrDp_GaaBq1kAss1qIF2pC12QNJgk",{"id":4,"title":5,"body":963,"category":46,"challenge":24,"client":5,"description":16,"extension":47,"gallery":986,"image":49,"link":57,"meta":987,"navigation":59,"path":60,"role":61,"seo":988,"solution":31,"status":63,"stem":64,"technologies":989,"technologiesText":38,"__hash__":69},{"type":7,"value":964,"toc":981},[965,967,969,971,973,975,977,979],[10,966,5],{"id":12},[14,968,16],{},[18,970,21],{"id":20},[14,972,24],{},[18,974,28],{"id":27},[14,976,31],{},[18,978,35],{"id":34},[14,980,38],{},{"title":40,"searchDepth":41,"depth":41,"links":982},[983,984,985],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[49,50,51,52,53,54,55,56],{},{"title":5,"description":16},[46,66,67,68],{"id":991,"title":992,"body":993,"category":181,"challenge":1005,"client":992,"description":1000,"extension":47,"gallery":1021,"image":1022,"link":1042,"meta":1043,"navigation":59,"path":1044,"role":231,"seo":1045,"solution":1010,"status":63,"stem":1046,"technologies":1047,"technologiesText":1015,"__hash__":1049},"projects\u002Fprojects\u002Fsugar-rush-party-co.md","Sugar Rush Party Co",{"type":7,"value":994,"toc":1016},[995,998,1001,1003,1006,1008,1011,1013],[10,996,992],{"id":997},"sugar-rush-party-co",[14,999,1000],{},"Full-stack engineer helping this bounce house rental company gain more online traffic. Built online booking system with Stripe payments and real-time booking alerts so they never miss a reservation.",[18,1002,21],{"id":20},[14,1004,1005],{},"Sugar Rush was managing bookings through phone calls and text messages, leading to double bookings and lost reservations. They had no online presence and were losing business to competitors with online booking. They needed an automated system that could handle payments, prevent scheduling conflicts, and send instant notifications.",[18,1007,28],{"id":27},[14,1009,1010],{},"Built a complete booking platform from scratch using Nuxt 3 for the frontend and Supabase for the backend. Implemented a calendar system with real-time availability checking to prevent double bookings. Integrated Stripe for secure payment processing with deposit and full payment options. Created automated email and SMS notifications for new bookings, reminders, and cancellations. Added an admin dashboard for managing inventory, viewing upcoming events, and tracking revenue.",[18,1012,35],{"id":34},[14,1014,1015],{},"Nuxt 3 with Vue 3 for server-side rendering and SEO. Supabase for authentication, Postgres database, and real-time subscriptions. Stripe API for payment processing with webhook handling. Twilio integration for SMS notifications. Deployed on Vercel with automatic preview environments for testing.",{"title":40,"searchDepth":41,"depth":41,"links":1017},[1018,1019,1020],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[1022,1023,1024,1025,1026,1027,1028,1029,1030,1031,1032,1033,1034,1035,1036,1037,1038,1039,1040,1041],"\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-01-hero.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-02-about-section.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-03-services-section.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-04-featured-products.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-05-products-catalog.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-06-products-grid.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-07-product-detail.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-08-about-page.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-09-contact-page.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrush-new-10-faq-page.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-01.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-02.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-03.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-04.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-05.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-06.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-07.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-08.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-09.png","\u002Fimg\u002Fprojects\u002Fsugarrushpartyco\u002Fsugarrushpartyco-10.png","https:\u002F\u002Fwww.sugarrushpartyco.com",{},"\u002Fprojects\u002Fsugar-rush-party-co",{"title":992,"description":1000},"projects\u002Fsugar-rush-party-co",[181,180,185,786,1048],"Real-time Notifications","4Z8WjWmmqdHvoDSoFG3N7U4mSxPQ7fRa6ZVllIFpG9U",{"id":1051,"title":1052,"body":1053,"category":46,"challenge":1065,"client":1052,"description":1060,"extension":47,"gallery":1081,"image":1082,"link":1127,"meta":1128,"navigation":59,"path":1129,"role":1130,"seo":1131,"solution":1070,"status":63,"stem":1132,"technologies":1133,"technologiesText":1075,"__hash__":1137},"projects\u002Fprojects\u002Ftu-panama.md","Tu-Panamá",{"type":7,"value":1054,"toc":1076},[1055,1058,1061,1063,1066,1068,1071,1073],[10,1056,1052],{"id":1057},"tu-panamá",[14,1059,1060],{},"Full-stack engineer helping bridge the language barrier between travelers\u002Ftourists and local services in Panama. Helped vendors gain more visibility while making it easier for tourists to find what they need.",[18,1062,21],{"id":20},[14,1064,1065],{},"Tourists in Panama struggle to find local services due to language barriers, while local vendors miss out on tourist business. Most tourist resources are in English only, and local business listings are in Spanish only. There was no platform connecting the two groups effectively.",[18,1067,28],{"id":27},[14,1069,1070],{},"Built a bilingual platform using React and TypeScript that serves content in both English and Spanish. Implemented automatic translation for user-generated content with the ability for vendors to provide their own translations. Created a vendor directory with filtering by location, service type, and language spoken. Built a review system that works across languages. Used Fastify and Prisma for a fast, type-safe backend that handles multilingual data efficiently.",[18,1072,35],{"id":34},[14,1074,1075],{},"React with TypeScript for type-safe frontend development. Node.js with Fastify for high-performance API. Prisma ORM for type-safe database queries with multilingual content support. Translation API integration with manual override capability. Postgres database with full-text search in multiple languages.",{"title":40,"searchDepth":41,"depth":41,"links":1077},[1078,1079,1080],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[1082,1083,1084,1085,1086,1087,1088,1089,1090,1091,1092,1093,1094,1095,1096,1097,1098,1099,1100,1101,1102,1103,1104,1105,1106,1107,1108,1109,1110,1111,1112,1113,1114,1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-01.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-02.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-03.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-04.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-05.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-06.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-06-vendor-registration.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-07.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-07-vendor-benefits.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-08.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-08-vendor-features.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-09.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-09-contact-page.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-10.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-10-contact-form.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-11.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-11-plumbing-service.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-12.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-12-electrical-service.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-13.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-about-story.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-carpentry-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-cleaning-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-contact-form.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-electrical-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-homepage-categories.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-landscaping-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-painting-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-services-categories.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ftu-panama-vendors-page.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fabout-page.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fabout-story.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fcarpentry-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fcleaning-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fcontact-form.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Felectrical-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Ffeatured-vendors.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fhomepage.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fhomepage-categories.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Flandscaping-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fpainting-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fplumbing-services.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fservices-categories.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fvendor-registration.png","\u002Fimg\u002Fprojects\u002Ftu-panama\u002Fvendors-page.png","https:\u002F\u002Ftu-panama.com",{},"\u002Fprojects\u002Ftu-panama","Full-Stack Engineer",{"title":1052,"description":1060},"projects\u002Ftu-panama",[46,66,182,1134,1135,1136],"Fastify","Prisma","Multilingual","j7UcsRS3cgyclXRqS3ba8PJVFjWwqoal83mmNGVAhm0",{"id":1139,"title":1140,"body":1141,"category":180,"challenge":1153,"client":1140,"description":1148,"extension":47,"gallery":1169,"image":1170,"link":1180,"meta":1181,"navigation":59,"path":1182,"role":61,"seo":1183,"solution":1158,"status":63,"stem":1184,"technologies":1185,"technologiesText":1163,"__hash__":1188},"projects\u002Fprojects\u002Fweird-medicology.md","Weird Medicology",{"type":7,"value":1142,"toc":1164},[1143,1146,1149,1151,1154,1156,1159,1161],[10,1144,1140],{"id":1145},"weird-medicology",[14,1147,1148],{},"Frontend engineer for an NFT platform focused on accessibility. Made sure digital collectibles were accessible to everyone, regardless of ability.",[18,1150,21],{"id":20},[14,1152,1153],{},"Most NFT platforms are inaccessible to users with disabilities, creating barriers in an already complex space. Weird Medicology wanted to be different by building an NFT marketplace that anyone could use, including those using screen readers or keyboard-only navigation. Web3 interactions are already confusing, and they needed to make it simple and accessible.",[18,1155,28],{"id":27},[14,1157,1158],{},"Built a Vue.js frontend with accessibility as a primary requirement from day one. Implemented semantic HTML and proper ARIA labels throughout. Created clear keyboard navigation patterns for browsing and purchasing NFTs. Added descriptive text for all visual elements so screen readers can convey the artwork. Simplified the Web3 wallet connection process with clear instructions and error messages. Ensured all interactive elements met WCAG AA standards for contrast and touch targets.",[18,1160,35],{"id":34},[14,1162,1163],{},"Vue.js with semantic HTML and ARIA attributes throughout. Web3.js for Ethereum integration. Custom accessible components for NFT browsing and purchasing. WCAG 2.1 AA compliant design with tested keyboard navigation and screen reader support.",{"title":40,"searchDepth":41,"depth":41,"links":1165},[1166,1167,1168],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[1170,1171,1172,1173,1174,1175,1176,1177,1178,1179],"\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_086a33b658-sai9w3.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_086a33b658-lrjirc.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_1_d6490949f6-h38l68.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_2_b07f7d3954-ngzcwy.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_3_27ef01f46b-lflqks.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_3_27ef01f46b-zqzh2n.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_5_918cb07f49-7ru35e.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_6_92eb487acf-sq1jd2.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002Fweird_medicology_frontend_vercel_app_1440x900_Screenshots_7_9470886383-q5n8b9.png","\u002Fimg\u002Fprojects\u002Fweird-medicology\u002FScreenshot_2022_12_29_093218_b34ccce846-0nspi5.png","https:\u002F\u002Fwww.weirdmedicology.com",{},"\u002Fprojects\u002Fweird-medicology",{"title":1140,"description":1148},"projects\u002Fweird-medicology",[180,1186,1187,730],"Web3","NFT","x6UhTNEtyisN87VAzESwKz6dswi23MdM62kFUdodvcM",{"id":1190,"title":1191,"body":1192,"category":180,"challenge":1204,"client":1191,"description":1199,"extension":47,"gallery":1220,"image":1222,"link":1231,"meta":1232,"navigation":59,"path":1233,"role":61,"seo":1234,"solution":1209,"status":63,"stem":1235,"technologies":1236,"technologiesText":1214,"__hash__":1239},"projects\u002Fprojects\u002Fxlenz.md","XLenz",{"type":7,"value":1193,"toc":1215},[1194,1197,1200,1202,1205,1207,1210,1212],[10,1195,1191],{"id":1196},"xlenz",[14,1198,1199],{},"Led a massive migration from Nuxt 2 to Nuxt 3 for this behemoth-sized application. Implemented selective SSG\u002FSSR strategies that drastically improved performance. Built custom complex widgets and integrated AG Grid for advanced data visualization.",[18,1201,21],{"id":20},[14,1203,1204],{},"XLenz had a massive legacy application on Nuxt 2 that was becoming increasingly difficult to maintain. Performance was degrading as the app grew, and they needed to migrate to Nuxt 3 while maintaining 100% feature parity. The migration had to happen without any downtime or disruption to their enterprise clients.",[18,1206,28],{"id":27},[14,1208,1209],{},"Led the migration by first auditing the entire codebase and creating a comprehensive migration plan. Implemented a hybrid SSG\u002FSSR strategy where static pages were pre-rendered at build time while dynamic user dashboards used SSR. Rebuilt complex data widgets using AG Grid for better performance with large datasets. Created a parallel deployment strategy that allowed gradual rollout to users. The migration resulted in 40% faster initial page loads and 60% reduction in client-side JavaScript.",[18,1211,35],{"id":34},[14,1213,1214],{},"Migrated from Nuxt 2 to Nuxt 3 with Vue 3 Composition API. Integrated AG Grid Enterprise for advanced data tables with sorting, filtering, and grouping. Implemented selective rendering using Nuxt generate for static pages and server routes for dynamic content. Built custom widgets using TypeScript for type safety. Node.js backend integration for API communication.",{"title":40,"searchDepth":41,"depth":41,"links":1216},[1217,1218,1219],{"id":20,"depth":41,"text":21},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[1221,1222,1223,1224,1225,1226,1227,1228,1229,1230],"\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_5_735096c23c-b03hl0.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_1_6298fb017c-7t7nu1.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_3_1e85aac1d3-53wyia.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_8_6ba479d898-zt6e0g.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_6_29ce565e68-9kifi9.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_4_06c91b839a-stxs9z.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_10_80c29b95db-fszn3q.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_2_d51b9ce043-k1vz1m.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_9_06286fe27f-9u0t2e.png","\u002Fimg\u002Fprojects\u002Fxlenz\u002Fejst89ertjeajoiej_7_ffecb56960-aw8z38.png","https:\u002F\u002Fcognitionfactory.com",{},"\u002Fprojects\u002Fxlenz",{"title":1191,"description":1199},"projects\u002Fxlenz",[180,181,1237,1238,182],"AG Grid","SSG\u002FSSR","LXALl9oVnmYDS8wOPF0ZzIVuN_l71bS-_4vcqhGYOo8",1778189031959]