[ BOOK A PROJECT ]
TECHNICAL STACK & EVIDENCE

Web Development Skills & Proof

A structured overview of technologies I work with. Every technology is paired with what it is used for and direct proof from verified project code or certificates.

CATEGORY 01 // FRONTEND

Frontend Engineering

React & Next.js

WHAT: Used for component-driven UI architecture, static page compilation, custom layout wrappers, and server-side route handlers.

JavaScript (ES6+)

WHAT: Used for interactive web app logic, DOM event binding, state pointers, keyboard navigation, and arithmetic operations.

CSS3 & CSS Custom Variables

WHAT: Used for responsive layout grids, dark paper textures, tactile UI elevation styles, and mobile breakpoint scaling.

Semantic HTML5

WHAT: Used for accessible document landmarks (<header>, <nav>, <main>, <section>, <article>) and search engine indexable outlines.

CATEGORY 02 // WEB_SYSTEMS

Web & Layout Systems

Responsive Flexbox & Grid

WHAT: Used for fluid column adjustments, mobile phone down to desktop monitor layout adaptation, and card grids.

TypeScript

WHAT: Used for strict component interface definitions, typed prop contracts, and reliable state data handling.

CATEGORY 03 // SCRIPTING

Programming & Scripting

Python

WHAT: Used for modular script architecture, API integration, prompt design patterns, and multi-module task coordination.

API Integration & Serverless Routes

WHAT: Used for requesting external API data, handling OAuth token refresh flows, and serverless response caching.

CATEGORY 04 // TOOLS

Development Tools

Git & GitHub

WHAT: Used for version control, repository branching workflows, commit tracking, and public source code hosting.

VS Code & Development Tools

WHAT: Used as primary local environment for code editing, debugging, component testing, and build command verification.

CATEGORY 05 // INFRASTRUCTURE

Cloud & Infrastructure

Microsoft Azure Fundamentals

WHAT: Used for cloud service configuration concepts, virtual machine deployment exercises, and cloud lab execution.

Vercel Static Deployment

WHAT: Used for deploying static Next.js application builds, automatic preview deploys, and domain configuration.

SEE THESE SKILLS IN REAL PROJECTS

Inspect the full codebases and interactive case studies to evaluate how these technologies are applied.

verified code proof
[ VIEW PROJECTS ][ BOOK A PROJECT ]