Welcome to my interactive portfolio. I am a Web Developer specializing in building clean, responsive websites using professional HTML, CSS, JavaScript, and WordPress Development. My technical foundation is supported by Java Full Stack training, basic SQL knowledge, and utilizing AI tools like Claude and ChatGPT for rapid web development workflows. I care about pixel-perfect layouts, fast-loading pages, and interfaces that feel good to use — not just websites that simply function.
A little more about who I am beyond the code.
I started out simply curious about how websites actually worked — that curiosity turned into a genuine love for building clean, usable interfaces. Today I split my time between hands-on frontend development and exploring how AI tools like Claude and ChatGPT can speed up the way I design, prototype, and ship.
I completed structured Java Full Stack training to strengthen my backend fundamentals, and I'm continuously sharpening my WordPress and responsive-design skills through real project builds. I enjoy the small details — spacing, motion, color — that make a website feel considered rather than thrown together.
"Good design isn't just how it looks — it's how thoughtfully it works."
— my approach to every buildMy structured step-by-step process from initial idea to completed build.
Accurate breakdown of my professional skills, course training, basic knowledge, and development tools.
Structuring clean, semantic, accessible HTML markup for modern web layouts.
Crafting responsive, visually engaging interfaces using Flexbox, Grid, and custom animations.
Developing dynamic client-side interactions, DOM manipulation, and interactive components.
Building and customizing responsive websites using WordPress CMS, custom layouts, and plugins.
Completed full stack development course covering Java OOP principles and backend basics.
Basic understanding of SQL relational databases, tables, and standard data querying.
Utilizing Claude AI to assist in rapid website creation, component scaffolding, and code refactoring.
Leveraging ChatGPT for code debugging, layout logic brainstorming, and workflow acceleration.
Primary code editor for writing, editing, formatting, and debugging web projects.
Hands-on GIS Analyst experience — geospatial mapping of Optical Network Terminals (ONTs) using QGIS, ArcGIS, Google Earth, and Global Mapper for a nationwide BSNL fiber infrastructure project.
Building fully responsive, mobile-first layouts quickly using Bootstrap's grid system, components, and utility classes.
Simplifying DOM manipulation, event handling, and AJAX interactions for smoother, faster front-end functionality.
Live client websites built using AI-assisted workflows, plus hands-on GIS geospatial mapping work.
Corporate website for Indique Exports, an Indian handmade home & lifestyle export brand shipping handicrafts, textiles, mosquito nets and yoga products to 15+ countries across Africa and Europe.
Corporate site for Mezux Touch Pvt. Ltd., a Pan-India EPC contractor for GPR survey, HDD drilling and telecom OFC infrastructure, showcasing their services, major national corridor projects, and client base.
Website for HealPassport, an India–Africa medical tourism facilitator connecting patients from Kenya, Uganda, Tanzania and across Africa with India's top NABH & JCI-accredited hospitals, plus a free cost-estimate enquiry system.
Manufacturer website for Vedika Instruments, a Faridabad-based manufacturer, supplier and exporter of pressure, temperature, level and flow instrumentation and packing machines.
Geospatial mapping project for a nationwide BSNL Optical Fiber Cable (OFC) rollout — mapped Optical Network Terminals (ONTs) in a systematic, block-wise structure across target states and villages to enable last-mile internet accessibility.
How I integrate Claude and ChatGPT into my daily web creation workflow.
Defining layout requirements, semantic HTML structure goals, and functional UI components.
Using Claude and ChatGPT to generate initial HTML/CSS boilerplate and brainstorm visual design options.
Editing generated code inside VS Code, testing responsiveness across browsers, and debugging issues.
Final code cleanup, formatting, and hosting code repositories on GitHub.
Hands-on roles spanning generative AI branding and geospatial analysis.
Completed course training and foundational backend database concepts.
Completed a structured Java Full Stack Development course covering core Java OOP programming, server-side web principles, and web application architecture fundamentals.
Foundational understanding of relational database structures, SQL query syntax, and table operations.
Practical, hands-on SEO awareness picked up while building and launching real client websites.
While building live corporate websites for clients like Indique Exports, Mezux Touch, HealPassport and Vedika Instruments, I applied foundational SEO practices throughout the development process — from structuring pages to be search-engine friendly to making sure they load fast and work well on mobile. My focus stays on the technical and on-page fundamentals that support good visibility, rather than paid or advanced link-building strategies.
Writing valid, meaningful markup — proper use of <header>, <nav>, <section> and <article> tags so search engines can correctly parse page structure and content hierarchy.
Structuring page content with a clear, logical H1–H6 hierarchy so each page has a single focused topic and easily scannable sub-sections.
Writing concise, keyword-relevant page titles and meta descriptions for client pages to improve click-through rate from search results.
Optimizing image sizes, minimizing render-blocking code, and keeping page weight low to support faster load times and better Core Web Vitals.
Ensuring every build is fully responsive and mobile-friendly, since mobile usability directly affects search ranking and user experience.
Planning clean URL structures and logical internal linking between service, product and content pages to help search engines crawl sites efficiently.
Working with clients to weave relevant industry keywords naturally into headings, body copy and image alt text without keyword-stuffing.
Adding descriptive alt attributes and compressing image assets to improve accessibility, image search visibility, and page load speed.
Building with accessible, standards-compliant markup — a factor that overlaps directly with SEO best practices and improves usability for all visitors.
Reach out directly via email, phone, or connect on professional social channels.
Feel free to send an email, call, or explore my GitHub repository.