{"id":1115,"date":"2020-04-27T22:28:50","date_gmt":"2020-04-27T22:28:50","guid":{"rendered":"https:\/\/alpinweb.com\/?page_id=1115"},"modified":"2026-06-05T14:44:57","modified_gmt":"2026-06-05T14:44:57","slug":"resume","status":"publish","type":"page","link":"https:\/\/alpinweb.com\/index.php\/resume\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1115\" class=\"elementor elementor-1115\">\n\t\t\t\t<div class=\"elementor-element elementor-element-781d0a6f e-flex e-con-boxed e-con e-parent\" data-id=\"781d0a6f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fdd9e4d elementor-widget__width-inherit elementor-widget elementor-widget-ryancv-services\" data-id=\"1fdd9e4d\" data-element_type=\"widget\" data-widget_type=\"ryancv-services.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- Services -->\n\t\t<div class=\"content services\">\n\n\t\t\t\n\t\t\t\t\t\t<!-- content -->\n\t\t\t<div class=\"row service-items border-line-v\">\n\n\t\t\t\t\t\t\t\t<!-- service item -->\n\t\t\t\t<div class=\"col col-d-6 col-t-6 col-m-12 border-line-h\">\n\t\t\t\t\t<div class=\"service-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon\">\n                                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-vuejs\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M356.9 64.3H280l-56 88.6-48-88.6H0L224 448 448 64.3h-91.1zm-301.2 32h53.8L224 294.5 338.4 96.3h53.8L224 384.5 55.7 96.3z\"><\/path><\/svg>                \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\tSPA\/SaaS Web Application &amp; Complex Interface Development on Vue 3 \/ Nuxt\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"desc\">\n\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left\">\ud83c\udfaf <b data-path-to-node=\"8\" data-index-in-node=\"0\">Target Audience:<\/b> Tech startups, product teams, SaaS platforms, LMS systems, and e-commerce projects.<\/p><p>\u00a0<\/p><p id=\"p-rc_dc6aee50374b04cf-873\" style=\"text-align: left\" data-path-to-node=\"5,1,0\"><span data-path-to-node=\"5,1,0,0\">\ud83d\udca1 <b data-path-to-node=\"9\" data-index-in-node=\"0\">Value Proposition:<\/b> I help launch MVPs within tight deadlines or scale existing products without accumulating technical debt, spaghetti code, or performance drops.<\/span><\/p><p style=\"text-align: left\" data-path-to-node=\"6\"><b data-path-to-node=\"6\" data-index-in-node=\"0\">What is included:<\/b><\/p><ul><li id=\"p-rc_dc6aee50374b04cf-874\" style=\"text-align: left\" data-path-to-node=\"7,0,0\"><span data-path-to-node=\"7,0,0,0\"><b data-path-to-node=\"11\" data-index-in-node=\"0\">Designing Clean Architecture:<\/b> Building scalable Single Page Applications (SPA) and Server-Side Rendering (SSR) apps using Vue 3 (Composition API), Nuxt 3, and TypeScript.<\/span><\/li><li id=\"p-rc_dc6aee50374b04cf-875\" style=\"text-align: left\" data-path-to-node=\"7,1,0\"><span data-path-to-node=\"7,1,0,0\"><b data-path-to-node=\"12\" data-index-in-node=\"0\">Complex State Management:<\/b> Setting up robust global state management with Pinia, ensuring lightning-fast UI rendering even with massive datasets.<\/span><\/li><li style=\"text-align: left\" data-path-to-node=\"7,1,0\"><b data-path-to-node=\"13\" data-index-in-node=\"0\">API Integration:<\/b> Seamlessly bridging front-end systems with back-end services using REST or GraphQL APIs.<\/li><li id=\"p-rc_dc6aee50374b04cf-876\" style=\"text-align: left\" data-path-to-node=\"7,2,0\"><span data-path-to-node=\"7,2,0,0\"><b data-path-to-node=\"14\" data-index-in-node=\"0\">Performance Optimization &amp; SEO:<\/b> Conducting deep performance audits, resolving memory leaks, and optimizing Core Web Vitals to boost search engine indexing<\/span><span data-path-to-node=\"7,3,0,0\">.<\/span><\/li><\/ul><p id=\"p-rc_dc6aee50374b04cf-878\" style=\"text-align: left\" data-path-to-node=\"8\"><b data-path-to-node=\"15\" data-index-in-node=\"0\">Business Value:<\/b> You get predictable, maintainable code that your team can scale effortlessly in the future. Your service loads instantly, reducing bounce rates and boosting user retention.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<!-- service item -->\n\t\t\t\t<div class=\"col col-d-6 col-t-6 col-m-12 border-line-h\">\n\t\t\t\t\t<div class=\"service-item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"icon\">\n                                <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-gamepad\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M480.07 96H160a160 160 0 1 0 114.24 272h91.52A160 160 0 1 0 480.07 96zM248 268a12 12 0 0 1-12 12h-52v52a12 12 0 0 1-12 12h-24a12 12 0 0 1-12-12v-52H84a12 12 0 0 1-12-12v-24a12 12 0 0 1 12-12h52v-52a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v52h52a12 12 0 0 1 12 12zm216 76a40 40 0 1 1 40-40 40 40 0 0 1-40 40zm64-96a40 40 0 1 1 40-40 40 40 0 0 1-40 40z\"><\/path><\/svg>                \t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t2D Browser Games, Interactive Promo Content &amp; Canvas\/WebGL Solutions\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"desc\">\n\t\t\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left\">\ud83c\udfaf <b data-path-to-node=\"19\" data-index-in-node=\"0\">Target Audience:<\/b> Marketing agencies, e-learning providers, Web3\/GameFi projects, and brands launching promotional campaigns.<\/p><div class=\"source-inline-chip-container luminous-sources ng-star-inserted\" style=\"text-align: left\">\u00a0<\/div><p style=\"text-align: left\" data-path-to-node=\"12,1,0\"><span data-path-to-node=\"12,1,0,0\">\ud83d\udca1 <b data-path-to-node=\"20\" data-index-in-node=\"0\">Value Proposition:<\/b> I help capture user attention and boost Retention Rates through immersive, interactive web experiences that run flawlessly on all devices.<\/span><\/p><div class=\"source-inline-chip-container luminous-sources ng-star-inserted\">\u00a0<\/div><p style=\"text-align: left\" data-path-to-node=\"13\"><strong>What is included:<\/strong><\/p><ul><li style=\"text-align: left\" data-path-to-node=\"14,0,0\"><b data-path-to-node=\"22\" data-index-in-node=\"0\">End-to-End HTML5 Game Development:<\/b> Architecting the game loop, physics, animations, and core mechanics for cross-platform 2D browser games using Phaser 3 and Pixi.js.<\/li><li style=\"text-align: left\" data-path-to-node=\"14,1,0\"><b data-path-to-node=\"23\" data-index-in-node=\"0\">Sophisticated Interactive Animation:<\/b> Building highly engaging promo sites and responsive UI components with a distinct WOW-factor (GSAP, Canvas).<\/li><li style=\"text-align: left\" data-path-to-node=\"14,2,0\"><b data-path-to-node=\"24\" data-index-in-node=\"0\">Hybrid Interfaces:<\/b> Engineering architectural bridges to seamlessly sync Canvas-based game scenes with reactive Vue 3 \/ Pinia states (ideal for in-game shops, inventories, or dashboards).<\/li><li style=\"text-align: left\" data-path-to-node=\"14,3,0\"><b data-path-to-node=\"25\" data-index-in-node=\"0\">Extreme Mobile Optimization:<\/b> Implementing texture atlases (spritesheets) and asset compression to guarantee instant game launch even on low-bandwidth mobile networks.<\/li><\/ul><p style=\"text-align: left\" data-path-to-node=\"15\"><span data-path-to-node=\"15,2\"><b data-path-to-node=\"26\" data-index-in-node=\"0\">Business Value:<\/b> Users experience rock-solid 60 FPS and buttery-smooth animations directly in their mobile browsers with zero downloads required. Instant interaction translates directly to higher conversion rates.<\/span><\/p><div class=\"source-inline-chip-container luminous-sources ng-star-inserted\" style=\"text-align: left\">\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"clear\"><\/div>\n\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54824876 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"54824876\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c46d03f\" data-id=\"4c46d03f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-137c9c38 elementor-widget__width-inherit elementor-widget elementor-widget-ryancv-resume\" data-id=\"137c9c38\" data-element_type=\"widget\" data-widget_type=\"ryancv-resume.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- resume item -->\n\t\t<div class=\"resume-item\">\n\t\t\t\t\t\t<div class=\"resume-title border-line-h\">\n\t\t\t\t\t\t\t\t<div class=\"icon\">\n                      <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-briefcase\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z\"><\/path><\/svg>                  <\/div>\n\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t<span >Featured Case Studies<\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"resume-items\">\n\t\t\t\t\t\t\t\t<div class=\"resume-item border-line-h active\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alpinweb.com\/wp-content\/uploads\/2023\/12\/15web.svg\" alt=\"Studio 15 | Lead Vue.js Developer\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tStudio 15 | Lead Vue.js Developer\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"company\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tVue 2, Nuxt.js, Composition API, TypeScript, Pinia, SCSS, Vite, CI\/CD\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"single-post-text\">\n\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t<p data-start=\"121\" data-end=\"384\"><b data-path-to-node=\"30\" data-index-in-node=\"0\">Project:<\/b> EDM Ghost Production (a major international music marketplace and distribution platform)<\/p><p data-start=\"121\" data-end=\"384\">\u00a0<\/p><p data-path-to-node=\"6,0,0\"><b data-path-to-node=\"31\" data-index-in-node=\"0\">Challenge:<\/b> The project required scaling, build process optimization, and a resilient frontend architecture to introduce complex new features without degrading platform performance.<\/p><p data-path-to-node=\"6,0,0\">\u00a0<\/p><p data-path-to-node=\"6,1,0\"><b data-path-to-node=\"32\" data-index-in-node=\"0\">My Contribution:<\/b> I joined the team as a Mid-level Vue\/Nuxt developer and quickly earned the trust of both my colleagues and the client, leading to my promotion to Lead Developer. I designed and implemented a modular UI component structure.<\/p><p data-path-to-node=\"6,1,0\">\u00a0<\/p><p id=\"p-rc_6cec8bd21e2a3c61-2313\" data-path-to-node=\"6,2,0\"><b data-path-to-node=\"33\" data-index-in-node=\"0\">Business Impact:<\/b> Significantly accelerated feature delivery (Time-to-Market) for the entire frontend team. Delivered a robust, production-grade architecture ready to handle rapid user growth.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"resume-item border-line-h active\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alpinweb.com\/wp-content\/uploads\/2023\/12\/AO-short-modified.png\" alt=\"AcademyOcean | Senior \/ Middle Vue.js Developer\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tAcademyOcean | Senior \/ Middle Vue.js Developer\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"company\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tVue.js, Vuex, Vanilla JS, JQuery, Git\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"single-post-text\">\n\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t<p><b data-path-to-node=\"36\" data-index-in-node=\"0\">Project:<\/b> AcademyOcean (a high-traffic, enterprise-grade corporate Learning Management System)<\/p><p>\u00a0<\/p><p data-path-to-node=\"11,0,0\"><b data-path-to-node=\"37\" data-index-in-node=\"0\">Challenge:<\/b> The platform faced high traffic from thousands of concurrent learners. The client needed to restructure the frontend architecture, accelerate rendering on content-heavy course pages, and resolve legacy technical debt.<\/p><p data-path-to-node=\"11,0,0\">\u00a0<\/p><p data-path-to-node=\"11,1,0\"><b data-path-to-node=\"38\" data-index-in-node=\"0\">My Contribution:<\/b> Developed complex business logic for interactive lessons, quizzes, and administrative analytics dashboards. Successfully designed and laid down the foundational architecture for the platform's next-generation frontend. Built a highly flexible system of custom-themed, reusable UI components .<\/p><p data-path-to-node=\"11,1,0\">\u00a0<\/p><p id=\"p-rc_6cec8bd21e2a3c61-2319\" data-path-to-node=\"11,2,0\"><b data-path-to-node=\"39\" data-index-in-node=\"0\">Business Impact:<\/b> The architectural foundation drastically reduced UI bugs and significantly shortened the development cycle for adding new interactive course formats.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"resume-item border-line-h active\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alpinweb.com\/wp-content\/uploads\/2023\/12\/xfamily-1.svg\" alt=\"XFAMILY | Frontend Developer (Crypto \/ FinTech)\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tXFAMILY | Frontend Developer (Crypto \/ FinTech)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"company\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tVue.js, Nuxt.js (SSR), JavaScript (ES6+), CSS3\/SCSS, Webpack, Git\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"single-post-text\">\n\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t<p data-path-to-node=\"43\"><b data-path-to-node=\"43\" data-index-in-node=\"0\">Challenge:<\/b> The primary exchange widget demanded instant loading, responsive transitions on mobile screens, and perfect SEO optimization to drive organic search traffic on Google.<\/p><p data-path-to-node=\"43\">\u00a0<\/p><p data-path-to-node=\"44\"><b data-path-to-node=\"44\" data-index-in-node=\"0\">My Contribution:<\/b> Built and styled fully responsive, high-performance components for the main exchange widget and the user dashboard. Implemented Server-Side Rendering (SSR) via Nuxt.js to ensure immediate content rendering and search engine indexing. Conducted comprehensive frontend optimization aligned with strict Google SEO and Core Web Vitals guidelines.<\/p><p data-path-to-node=\"44\">\u00a0<\/p><p data-path-to-node=\"45\"><b data-path-to-node=\"45\" data-index-in-node=\"0\">Business Impact:<\/b> Fueled LetsExchange\u2019s growth to the top of search rankings for organic crypto-exchange traffic. The optimized widget substantially decreased mobile user drop-offs (bounce rate).<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"resume-item border-line-h active\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"image\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alpinweb.com\/wp-content\/uploads\/2023\/12\/fromzeneon.svg\" alt=\"Frozeneon Studio | Frontend Developer (GameDev)\" \/>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tFrozeneon Studio | Frontend Developer (GameDev)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"company\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tVue.js, Vuex, JavaScript (ES6+), SASS\/SCSS, Git\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"single-post-text\">\n\t\t\t\t\t\t<div >\n\t\t\t\t\t\t\t<p><b data-path-to-node=\"48\" data-index-in-node=\"0\">Project:<\/b> Nethernite (a massive browser-based multiplayer MMORPG)<\/p><p>\u00a0<\/p><p><b data-path-to-node=\"49\" data-index-in-node=\"0\">Challenge:<\/b> To drive user engagement, the game required the integration of a complex social gameplay feature (the Guild system). Additionally, the entire desktop interface needed to be adapted to meet the strict responsive requirements of the VK Games platform (effectively building a tablet-optimized experience).<\/p><p>\u00a0<\/p><p data-path-to-node=\"21,1,0\"><b data-path-to-node=\"50\" data-index-in-node=\"0\">My Contribution:<\/b> Developed the complete frontend logic for the new \"Guilds\" feature from scratch, including UI screens, member role permission workflows, rosters, and state synchronization via Vuex. Authored a highly adaptive UI layout, tailoring the desktop-first experience for tablet and mobile devices to comply with VK Games publishing criteria.<\/p><p data-path-to-node=\"21,1,0\">\u00a0<\/p><p id=\"p-rc_6cec8bd21e2a3c61-2332\" data-path-to-node=\"21,2,0\"><b data-path-to-node=\"51\" data-index-in-node=\"0\">Business Impact:<\/b> The Guild system boosted player social interaction and long-term retention. The interface adaptation enabled the game to pass certification and launch smoothly on VK Games, unlocking a massive audience of mobile and tablet players without necessitating a rewrite of the core game engine.<\/p><p><span data-path-to-node=\"21,0,0,0\">\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69a8313 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"69a8313\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ddba0a\" data-id=\"7ddba0a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1145ba5 elementor-widget elementor-widget-spacer\" data-id=\"1145ba5\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a572fe7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a572fe7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d048c12\" data-id=\"4d048c12\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3493add0 elementor-widget elementor-widget-ryancv-custom-text\" data-id=\"3493add0\" data-element_type=\"widget\" data-widget_type=\"ryancv-custom-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- Custom Text -->\n\t\t<div class=\"content custom-text\">\n\n\t\t\t\t\t\t<!-- title -->\n\t\t\t<div class=\"title\">\n\t\t\t\t<span >Skills<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6353a7df elementor-section-full_width row elementor-section-height-default elementor-section-height-default\" data-id=\"6353a7df\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2c7628ad col\" data-id=\"2c7628ad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2398a8b8 elementor-widget elementor-widget-ryancv-skills\" data-id=\"2398a8b8\" data-element_type=\"widget\" data-widget_type=\"ryancv-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- skill item -->\n\t\t<div class=\"skills-item\">\n\t\t\t<div class=\"skills-list percent\">\n\t\t\t\t\t\t\t\t<div class=\"skill-title border-line-h\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"icon\">\n                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-tools\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z\"><\/path><\/svg>                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<span >Toolset<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tGame Logic &amp; Canvas\/WebGL Rendering: Phaser 3, Pixi.js, Web Audio API, Tiled Map Editor.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tWeb Architecture &amp; UI: Vue 3 (Composition API), Nuxt 3, React, TypeScript, Pinia, Vuex.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tEnvironment, Build &amp; Automation: Vite, Gulp, Webpack, Electron (for desktop packaging), Git.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tInterfaces &amp; Responsive Layout: HTML5, CSS3, SCSS\/SASS, Tailwind CSS, BEM, Figma.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5a373ec9 col border-line-v\" data-id=\"5a373ec9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5afa91f5 elementor-widget elementor-widget-ryancv-skills\" data-id=\"5afa91f5\" data-element_type=\"widget\" data-widget_type=\"ryancv-skills.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<!-- skill item -->\n\t\t<div class=\"skills-item\">\n\t\t\t<div class=\"skills-list percent\">\n\t\t\t\t\t\t\t\t<div class=\"skill-title border-line-h\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"icon\">\n                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-handshake\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4-16.6 15.6-16.3 40.5-2.1 56 12.7 13.9 39.4 17.6 56.1 2.7.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1 6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2 17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6 5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z\"><\/path><\/svg>                      <\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<span >Collaboration Principles<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tProduct Ownership: I don't just write code according to specifications; I dive deep into your product\u2019s business objectives. If I identify a technical solution that can be simplified to save you budget or accelerate your Time-to-Market, I will always openly propose and justify the alternative.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tPredictability &amp; Transparency: I guarantee regular updates at every stage of development. You will always know exactly what is being worked on. There are no sudden disappearances\u2014all communications are handled promptly, professionally, and transparently.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tClean Code for Long-Term Scale: I write clean, strictly typed (TypeScript), and highly maintainable code conforming to industry best practices. Your in-house team will be able to take over the project, scale it, and add new features seamlessly without having to rewrite the underlying architecture.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li class=\"border-line-h\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\tAgility &amp; Agile Adaptability: I am highly experienced in working in short iterations (sprints) and quickly adapting to changing requirements mid-development. I focus on smart task prioritization to deliver a robust, production-ready MVP as fast as possible.\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress \">\n\t\t\t\t\t\t\t<div class=\"percentage\" style=\"width:100%;\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SPA\/SaaS Web Application &amp; Complex Interface Development on Vue 3 \/ Nuxt \ud83c\udfaf Target Audience: Tech startups, product teams, SaaS&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/pages\/1115"}],"collection":[{"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/comments?post=1115"}],"version-history":[{"count":46,"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/pages\/1115\/revisions"}],"predecessor-version":[{"id":2123,"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/pages\/1115\/revisions\/2123"}],"wp:attachment":[{"href":"https:\/\/alpinweb.com\/index.php\/wp-json\/wp\/v2\/media?parent=1115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}