[{"data":1,"prerenderedAt":280},["ShallowReactive",2],{"index":3,"landing-projects":194},{"id":4,"title":5,"about":6,"body":9,"contact":10,"description":13,"experience":14,"extension":33,"faq":34,"hero":73,"meta":107,"navigation":108,"path":109,"projects":110,"seo":113,"skills":116,"stem":192,"__hash__":193},"index\u002Findex.yml","Hey, I'm Alexander Lopez - Web Developer",{"title":7,"description":8},"About Me","My journey in tech began inside a software startup, where I spent nearly a year building features using Ruby on Rails and PostgreSQL. Realizing the massive potential of modern web architecture, I took full ownership of my growth. I heavily invested my time into advanced online specializations, rigorous self-directed research, and endless hours of deliberate practice to bridge my skill gaps. Today, I have evolved into a versatile Full-Stack Web Developer, thoroughly trained in industry best practices, agile workflows, and a modern multi-framework stack. My focus is entirely on writing clean, scalable code and delivering robust digital solutions from database to user interface.\n",null,{"title":11,"description":12},"Get in Touch","Have a project in mind, want to collaborate, or just want to say hi? Feel free to reach out!","I'm a full-stack web developer specializing in building high-performance, responsive, and visually stunning web applications that solve real-world problems..",{"title":15,"items":16},"Work Experience",[17,25],{"position":18,"date":19,"company":20},"IT Lecturer at","2024 - 2025",{"name":21,"logo":22,"url":23,"color":24},"ESSU","i-simple-icons-essu","https:\u002F\u002Fmain.essu.edu.ph\u002F","#FF6C37",{"position":26,"date":27,"company":28},"Associate Software Engineer at","2022 - 2023",{"name":29,"logo":30,"url":31,"color":32},"Bootyard","i-simple-icons-bootyard","https:\u002F\u002Fbootyard.com","#5E6AD2","yml",{"title":35,"description":36,"categories":37},"Frequently Asked Questions","Here are answers to common questions about my development stack, pricing, and workflow.",[38,50,65],{"title":39,"questions":40},"Services & Process",[41,44,47],{"label":42,"content":43},"What services do you offer?","I am a Full-Stack Web Developer specialized in building scalable, responsive, and high-performance web applications. On the frontend, I build interactive user interfaces using React, Vue.js, Next.js, Nuxt.js, and TypeScript. For backend infrastructure and databases, I leverage Node.js, Express, Laravel, Ruby on Rails, PostgreSQL, MongoDB, GraphQL, and ORMs like Prisma and Drizzle. I manage the complete application lifecycle—from coding to hosting—using Git\u002FGitHub, Docker, Vercel, Netlify, Render, and Railway.\n",{"label":45,"content":46},"What is your development process like?","I operate in an Agile-inspired environment to ensure transparency, adaptability, and steady progress. My development pipeline typically involves Requirements Gathering & System Architecture, Database Design & API Development, Frontend Implementation, testing, and ultimately, cloud deployment. I focus heavily on writing clean, maintainable code and keeping communication open so project requirements can flexibly adapt as we build.\n",{"label":48,"content":49},"Do you work with startups?","Absolutely! I have direct experience working inside a software startup environment, where I collaborated with a development team to build core features for a large-scale, live application. Because of this, I am already comfortable navigating complex, enterprise-level codebases, using team-centric Git workflows, and moving fast in an Agile setting. Whether you need an engineer to integrate smoothly into your existing development team or help build an MVP from scratch, I know exactly what it takes to ship production-ready code for a growing startup.\n",{"title":51,"questions":52},"Pricing & Timelines",[53,56,59,62],{"label":54,"content":55},"How much does a project typically cost?","Project costs depend primarily on system complexity, feature requirements, and integration needs. For specialized systems, comprehensive thesis applications, or localized business solutions, my engagements typically range between ₱15,000 and ₱30,000 PHP. For larger enterprise systems or complex software-as-a-service (SaaS) architecture, I provide custom milestones and tailored projections after our initial technical discovery phase.\n",{"label":57,"content":58},"What are your payment terms and methods?","I typically structured payments into a standard project deposit to secure the timeline and initiate architecture design, with the remainder settled upon successful deployment, testing, and code handoff. I accept flexible local and international payment methods, including digital credit\u002Fdebit card invoices, bank transfers, or cash alternatives.\n",{"label":60,"content":61},"How long does a typical project take?","Timelines depend closely on the scope of work. Smaller, focused applications or standard MVP builds can typically be finalized within 2 to 4 weeks. Larger, data-heavy systems or multi-user applications generally require 1 to 3 months of comprehensive engineering. A detailed sprint timeline and delivery roadmap will always be laid out before development begins.\n",{"label":63,"content":64},"Do you offer retainers or ongoing support?","While my focus has historically been on project-based delivery, I am highly interested in establishing long-term technical partnerships. If your application requires ongoing feature scaling, server monitoring, security updates, or code maintenance, I am more than happy to discuss setting up a dedicated monthly support retainer.\n",{"title":7,"questions":66},[67,70],{"label":68,"content":69},"What do you enjoy most about your work?","What drives me most is the thrill of turning complex logic and architectural challenges into smoothly functioning web applications. I love the full lifecycle of software development—from writing clean, efficient code on the backend to building responsive interfaces on the frontend. Beyond the code, I thoroughly enjoy the collaborative side of tech; there is something incredibly rewarding about brainstorming with a team in an Agile environment, shipping features together, and ultimately seeing real users seamlessly interact with software we built from the ground up.\n",{"label":71,"content":72},"What are your hobbies outside of work?","When I'm away from my keyboard, you can usually find me on the basketball court or resetting a chess board. Even though my basketball skills are still a work in progress, I love the energy of the game, while chess keeps my problem-solving reflexes sharp. I’m also a big fan of road trips; my friends and I frequently travel for kilometers across the provinces to discover hidden local beaches, explore new tourist spots, and just unplug to enjoy fresh experiences and good company.\n",{"links":74,"images":79},[75],{"label":76,"to":77,"color":78},"Use this template","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fportfolio","neutral",[80,83,86,89,92,95,98,101,104],{"src":81,"alt":82},"\u002Fhero\u002Frandom-1.avif","Random Image 1",{"src":84,"alt":85},"\u002Fhero\u002Frandom-2.avif","Random Image 2",{"src":87,"alt":88},"\u002Fhero\u002Frandom-3.avif","Random Image 3",{"src":90,"alt":91},"\u002Fhero\u002Frandom-4.avif","Random Image 4",{"src":93,"alt":94},"\u002Fhero\u002Frandom-5.avif","Random Image 5",{"src":96,"alt":97},"\u002Fhero\u002Frandom-6.avif","Random Image 6",{"src":99,"alt":100},"\u002Fhero\u002Frandom-7.avif","Random Image 7",{"src":102,"alt":103},"\u002Fhero\u002Frandom-8.avif","Random Image 8",{"src":105,"alt":106},"\u002Fhero\u002Frandom-9.avif","Random Image 9",{},true,"\u002F",{"title":111,"description":112},"Featured Projects","A selection of my recent works, highlighting responsive web design and complex features.",{"title":114,"description":115},"Alexander Lopez - Web Developer","Welcome to my portfolio! I'm Alexander Lopez, a web developer based in the philippines. I specialize in creating responsive and accessible websites and applications.",{"title":117,"description":118,"groups":119},"Technical Expertise","Here are the core technologies, languages, and tools I use in my day-to-day work.",[120,147,174],{"title":121,"items":122},"Frontend",[123,126,129,132,135,138,141,144],{"name":124,"icon":125},"Vue.js","i-simple-icons-vuedotjs",{"name":127,"icon":128},"Nuxt.js","i-simple-icons-nuxtdotjs",{"name":130,"icon":131},"Next.js","i-simple-icons-nextdotjs",{"name":133,"icon":134},"React.js","i-simple-icons-react",{"name":136,"icon":137},"TypeScript","i-simple-icons-typescript",{"name":139,"icon":140},"HTML5 \u002F CSS3","i-simple-icons-html5",{"name":142,"icon":143},"JavaScript (ES6+)","i-simple-icons-javascript",{"name":145,"icon":146},"Tailwind CSS","i-simple-icons-tailwindcss",{"title":148,"items":149},"Backend",[150,153,156,159,162,165,168,171],{"name":151,"icon":152},"Node.js","i-simple-icons-nodedotjs",{"name":154,"icon":155},"Express.js","i-simple-icons-express",{"name":157,"icon":158},"Laravel","i-simple-icons-laravel",{"name":160,"icon":161},"Ruby on Rails","i-simple-icons-rubyonrails",{"name":163,"icon":164},"PostgreSQL","i-simple-icons-postgresql",{"name":166,"icon":167},"MongoDB","i-simple-icons-mongodb",{"name":169,"icon":170},"Prisma \u002F Drizzle ORM","i-simple-icons-prisma",{"name":172,"icon":173},"GraphQL","i-simple-icons-graphql",{"title":175,"items":176},"DevOps & Tooling",[177,180,183,186,189],{"name":178,"icon":179},"Git & GitHub","i-simple-icons-github",{"name":181,"icon":182},"Docker","i-simple-icons-docker",{"name":184,"icon":185},"Vite","i-simple-icons-vite",{"name":187,"icon":188},"Vercel \u002F Netlify","i-simple-icons-vercel",{"name":190,"icon":191},"Railway \u002F Render","i-simple-icons-railway","index","Kf3gMVnFQF-RUSSGudTL9HkIm90kPRr9efokm4ekNms",[195,214,232,248,266],{"id":196,"title":197,"description":198,"extension":33,"github_url":199,"image":200,"implementation":201,"live_demo_url":202,"meta":203,"stem":204,"tags":205,"__hash__":213},"projects\u002Fprojects\u002Fnatours.yml","Natours","A full-stack tour booking web application for browsing adventure tours, viewing tour details, managing bookings, leaving reviews, and handling payments.","https:\u002F\u002Fgithub.com\u002Flexopez\u002Fnatours_app","\u002Fprojects\u002Fnatours.png","Authentication and authorization, user account management, tour listing\u002Fdetail pages, booking flow with Stripe payments, review and rating system, role-based permissions (user\u002Fadmin\u002Fguide), profile updates, password reset flow, server-side rendered views, and REST API endpoints for tours, users, reviews, and bookings.","https:\u002F\u002Fnatours-app-xs69.onrender.com\u002F",{},"projects\u002Fnatours",[151,206,166,207,208,209,210,211,212],"Express","Mongoose","Pug","Stripe API","JWT authentication","leaflet.js Integration","Email Notifications","c-AtorbTFDLhxlSX8mLZs-bZbkZMI2Gpi01tX5W4p7c",{"id":215,"title":216,"description":217,"extension":33,"github_url":218,"image":219,"implementation":220,"live_demo_url":221,"meta":222,"stem":223,"tags":224,"__hash__":231},"projects\u002Fprojects\u002Fschool-management.yml","School Management","A full-stack school management dashboard application for managing students, teachers, parents, classes, attendance, exams, assignments, announcements, and role-based school operations in a centralized admin system.","https:\u002F\u002Fgithub.com\u002Flexopez\u002Fschool-management-nextjs","\u002Fprojects\u002Fschool-management.png","Authentication and authorization, role-based dashboards for admin\u002Fteacher\u002Fstudent\u002Fparent, student and teacher management, class and subject management, attendance tracking, exam and assignment records, announcements, dashboard charts, CRUD operations with server actions, form validation, image uploads, search\u002Ffiltering, and protected route handling.","https:\u002F\u002Fschool-management-nextjs-eight.vercel.app",{},"projects\u002Fschool-management",[130,225,163,226,227,228,229,230],"Typescript","Prisma","Clerk","React Hook Form","Zod","Cloudinary","7a2vkpARewQbNIzVHdRSZTesA4rQr-YCo1-WKj5Dst4",{"id":233,"title":234,"description":235,"extension":33,"github_url":236,"image":237,"implementation":238,"live_demo_url":239,"meta":240,"stem":241,"tags":242,"__hash__":247},"projects\u002Fprojects\u002Fteam-project-management.yml","Team project Management","A full-stack team collaboration and project management web application for organizing workspaces, managing projects and tasks, assigning team members, and tracking progress through dashboards and analytics.","https:\u002F\u002Fgithub.com\u002Flexopez\u002Fteam-project-management_mern","\u002Fprojects\u002Fteam-project-management.png","Authentication and authorization, Google sign-in, workspace and project management, task and CRUD operations, task assignment, role-based access control, protected routes, dashboard analytics, search and filtering, and REST API endpoints for users, workspaces, projects, and tasks.","https:\u002F\u002Fteam-project-management-mern.vercel.app",{},"projects\u002Fteam-project-management",[151,206,166,207,243,244,245,246],"React","tanstack Query","Passport.js","Google OAuth","_lZTB7DN9umZLoZNFPfyBFBV8cZrnMrx-RBPcwD4wgg",{"id":249,"title":250,"description":251,"extension":33,"github_url":252,"image":253,"implementation":254,"live_demo_url":255,"meta":256,"stem":257,"tags":258,"__hash__":265},"projects\u002Fprojects\u002Fthe-wild-oasis-admin.yml","The Wild Oasis Admin","A hotel management dashboard application for internal staff to manage cabins, bookings, guests, hotel settings, and day-to-day reservation operations through a centralized admin interface","https:\u002F\u002Fgithub.com\u002Flexopez\u002Fthe-wild-oasis_reactjs","\u002Fprojects\u002Fthe-wild-oasis-admin.png","Staff authentication, dashboard analytics, cabin management, booking management, guest records, hotel settings configuration, check-in\u002Fcheck-out workflows, protected routes, data tables with filtering and sorting, and integration with Supabase for backend data and authentication.","https:\u002F\u002Fwild-oasis-reactjs-app.netlify.app",{},"projects\u002Fthe-wild-oasis-admin",[133,259,260,261,262,263,228,264],"JavaScript","Styled Components","Supabase","React Router","React Query","ReCharts","CzL51ng-AEqsMUY2JVAfXUe_D7fmL3V5JehUGTXXGUE",{"id":267,"title":268,"description":269,"extension":33,"github_url":270,"image":271,"implementation":272,"live_demo_url":273,"meta":274,"stem":275,"tags":276,"__hash__":279},"projects\u002Fprojects\u002Fthe-wild-oasis-client.yml","The Wild Oasis website","A customer-facing hotel booking website for browsing cabins, viewing accommodation details, creating reservations, and managing guest bookings through a modern booking experience.","https:\u002F\u002Fgithub.com\u002Flexopez\u002Fthe-wild-aosis-website-14","\u002Fprojects\u002Fthe-wild-oasis-client.png","Cabin listing and detail pages, guest authentication, reservation booking flow, protected account pages, booking management, dynamic routing, server-side data fetching, and integration with Supabase for booking and user data.","https:\u002F\u002Fthe-wild-aosis-website-14.vercel.app",{},"projects\u002Fthe-wild-oasis-client",[130,133,261,145,277,278],"App Router","Server Actions","TiTyPW0k4aVndd_Qt0eRbqbI_4fbeLojVeffUjVzj0Y",1783847252400]