[{"data":1,"prerenderedAt":182},["ShallowReactive",2],{"index":3},{"id":4,"title":5,"about":6,"body":9,"contact":10,"description":15,"extension":16,"faq":17,"hero":57,"meta":76,"navigation":77,"path":78,"process":79,"seo":107,"services":109,"skills":137,"stem":180,"__hash__":181},"index\u002Findex.yml","Hi, I'm Altaf Hussain — Full-Stack Web Developer & Digital Product Engineer",{"title":7,"description":8},"About Me","Full-stack web developer and digital product engineer with a Mathematics background, passionate about building complete digital products — from frontend interfaces to backend systems and production deployments.",null,{"title":11,"description":12,"email":13,"whatsapp":14},"Let's Work Together","Have a project in mind, or just want to say hello? I'd love to hear from you.","altafhali047@gmail.com","https:\u002F\u002Fwa.me\u002F923035615593","I design, develop, and deploy complete digital experiences — from polished user interfaces to backend systems, data architecture, and production-ready applications.","yml",{"title":18,"description":19,"categories":20},"Frequently Asked Questions","Common questions about how I work and what to expect.",[21,36,48],{"title":22,"questions":23},"Services & Process",[24,27,30,33],{"label":25,"content":26},"What kinds of websites do you build?","I build complete web applications and digital products — full-stack e-commerce platforms, offline-first mobile utilities, business web apps with backend logic and database integration, and high-performance frontend experiences. My work covers the entire product lifecycle: architecture, UI, backend, database, and production deployment.\n",{"label":28,"content":29},"How long does a typical project take?","It depends on scope. A landing page or small business site can be ready in 1–2 weeks. A more complex app with multiple pages, a backend API integration, or e-commerce functionality typically takes 3–6 weeks. I'll give you a realistic estimate after understanding your requirements.\n",{"label":31,"content":32},"Do you work with clients outside Pakistan?","Yes. I work with clients remotely. Communication happens over email, WhatsApp, or video call — whatever works best for you.\n",{"label":34,"content":35},"Can you improve my existing website?","Absolutely. Whether you need bug fixes, a visual refresh, new features, or a performance improvement, I can step into an existing project and make it better.\n",{"title":37,"questions":38},"Technical",[39,42,45],{"label":40,"content":41},"What technologies do you use?","My primary stack spans the full web product lifecycle. On the frontend: Vue.js 3, Nuxt 4, Tailwind CSS, TypeScript, and Three.js. On the backend: Nuxt Server Routes (Nitro engine), JWT authentication, and REST API design. For databases: Prisma ORM with Cloudflare D1 (edge SQLite) and offline-first storage (IndexedDB \u002F LocalStorage). For deployment: GitHub Actions for CI\u002FCD, Cloudflare Pages, and Capacitor for Android packaging. I use Git and GitHub for version control on everything I build.\n",{"label":43,"content":44},"Can you build a mobile app?","I've packaged web apps as Android applications using Capacitor (see Hisab Kitab in my projects). For native iOS\u002FAndroid development, that's outside my current scope.\n",{"label":46,"content":47},"Will my website be mobile-friendly?","Always. Every project I build is fully responsive and tested on real mobile devices before delivery.\n",{"title":49,"questions":50},"Working Together",[51,54],{"label":52,"content":53},"How do I get started?","Send me an email or message me on WhatsApp with a brief description of your project. I'll reply within 24 hours and we can schedule a call to discuss the details.\n",{"label":55,"content":56},"Do you offer ongoing support?","Yes. After a project is delivered, I'm available for maintenance, updates, and continued improvements. We can discuss what level of ongoing support makes sense for your situation.\n",{"links":58,"images":69},[59,64],{"label":60,"to":61,"color":62,"size":63},"View My Work","\u002Fprojects","primary","lg",{"label":65,"to":66,"color":67,"variant":68,"size":63},"Contact Me","\u002F#contact","neutral","outline",[70,73],{"src":71,"alt":72},"\u002Fbasra-ecommerce.png","Basra — Maison de Luxe e-commerce website",{"src":74,"alt":75},"\u002Faltaf-hussain.png","Altaf Hussain — Full-Stack Web Developer & Digital Product Engineer",{},true,"\u002F",{"title":80,"description":81,"steps":82},"My Development Process","A structured, 6-phase engineering workflow ensuring high code quality, responsive design, and smooth delivery.",[83,87,91,95,99,103],{"number":84,"title":85,"description":86},"01","Discovery","Deep dive into your business goals, target audience, technical requirements, and core success metrics.",{"number":88,"title":89,"description":90},"02","Planning","Information architecture, route structure, state management strategy, and responsive wireframes.",{"number":92,"title":93,"description":94},"03","Design","Sleek typography, custom color palette, intuitive UI components, micro-interactions, and 3D visual accents.",{"number":96,"title":97,"description":98},"04","Development","Full-stack implementation — Vue.js & Nuxt.js frontend, Nitro server routes, Prisma ORM with Cloudflare D1, JWT authentication, and optimized static assets.",{"number":100,"title":101,"description":102},"05","Testing","Rigorous cross-device testing, responsive validation, lighthouse performance audits, and browser console verification.",{"number":104,"title":105,"description":106},"06","Launch","Production deployment, domain setup, final live sanity checks, and handover with ongoing support.",{"title":75,"description":108},"Full-stack web developer and digital product engineer specializing in Vue.js, Nuxt.js, Prisma, Cloudflare D1, and production-ready web applications. I design, build, and ship complete digital products.",{"title":110,"description":111,"items":112},"What I Build & Ship","End-to-end digital product development — from architecture and UI to backend logic, database design, and production deployment.",[113,117,121,125,129,133],{"title":114,"description":115,"icon":116},"Full-Stack Web Application Development","Complete web applications built end-to-end — frontend interfaces, backend server routes, database schemas, and production deployments.","i-lucide-code-2",{"title":118,"description":119,"icon":120},"Vue.js & Nuxt.js Development","Modern, component-based web applications using the Vue ecosystem, including SSR, Nitro engine, routing, and state management with Pinia.","i-simple-icons-vuedotjs",{"title":122,"description":123,"icon":124},"Backend Logic & API Integration","Server-side functionality using Nuxt Server Routes and Nitro — REST APIs, JWT authentication, business logic, and third-party integrations.","i-lucide-server",{"title":126,"description":127,"icon":128},"Database Design & Management","Relational database schema design with Prisma ORM on Cloudflare D1 (edge SQLite), plus offline-first solutions with IndexedDB and LocalStorage.","i-lucide-database",{"title":130,"description":131,"icon":132},"E-commerce Development","Full e-commerce platforms with product catalog management, secure authentication, cart flows, order processing, and admin dashboards.","i-lucide-shopping-cart",{"title":134,"description":135,"icon":136},"Mobile & Deployment","Android app packaging via Capacitor, CI\u002FCD pipelines with GitHub Actions, and cloud deployments on Cloudflare Pages and Workers.","i-lucide-smartphone",{"title":138,"description":139,"items":140},"Technologies & Tools","The technologies I work with every day to build modern web experiences.",[141,145,149,153,156,160,164,168,172,176],{"name":142,"icon":143,"color":144},"HTML5","i-simple-icons-html5","#E34F26",{"name":146,"icon":147,"color":148},"CSS3","i-simple-icons-css3","#1572B6",{"name":150,"icon":151,"color":152},"JavaScript","i-simple-icons-javascript","#F7DF1E",{"name":154,"icon":120,"color":155},"Vue.js","#4FC08D",{"name":157,"icon":158,"color":159},"Nuxt.js","i-simple-icons-nuxtdotjs","#00DC82",{"name":161,"icon":162,"color":163},"Tailwind CSS","i-simple-icons-tailwindcss","#06B6D4",{"name":165,"icon":166,"color":167},"Git","i-simple-icons-git","#F05032",{"name":169,"icon":170,"color":171},"GitHub","i-simple-icons-github","#ffffff",{"name":173,"icon":174,"color":175},"Pinia","i-simple-icons-pinia","#FFD859",{"name":177,"icon":178,"color":179},"Capacitor","i-simple-icons-capacitor","#119EFF","index","cAX-mU4g64wfelguMWWNNgD4EFmkY2_BuUvANCm1CuM",1794409316105]