// 03_STACK

Tech Stack
& Pipeline

The tools, languages, and workflow I use to design, build, and ship production-grade frontend systems.

// STACK.MANIFEST
PRIMARY_STACK
React · Next.js · TypeScript
ARCHITECTURE
Component-first · Type-safe
DELIVERY
Production-ready frontend
ENVIRONMENT
macOS · VS Code · Terminal
// 01_TECHNOLOGIES

Stack Modules

MOD_CORE

Core Languages

  • JavaScript (ES6+)
  • TypeScript
  • HTML5
  • CSS3

Strong typing, modern syntax, and semantic markup as the foundation of every build.

MOD_FRAMEWORK

Framework & Runtime

  • React
  • Next.js
  • Node.js

Component-driven UIs with App Router, SSR/SSG, and production-grade routing patterns.

MOD_STYLING

Styling & UI

  • Tailwind CSS
  • CSS Modules
  • Responsive Design
  • Design Systems

Utility-first and modular styling with consistent tokens, spacing, and component variants.

MOD_STATE

State & Data

  • React Hooks
  • Context API
  • REST APIs
  • Fetch / Axios

Client-side state, server data fetching, and clean separation between UI and data layers.

MOD_TOOLING

Tooling & Quality

  • Git
  • npm
  • ESLint
  • Prettier

Version control, linting, formatting, and repeatable workflows across every project.

MOD_DEPLOY

Build & Deploy

  • Vercel
  • CI/CD
  • Performance Audits
  • Web Vitals

Optimized builds, deployment pipelines, and measurable frontend performance in production.

// 02_PROFICIENCY

Skill Levels

React / Next.js

96%

JavaScript / TypeScript

94%

UI Engineering

92%

Component Architecture

90%

Performance & A11y

88%

Git & Workflow

90%
// 03_PROCESS

The Pipeline

STAGE_01

COMPONENT DESIGN

Structuring reusable React components with TypeScript types, props contracts, and scalable UI patterns.

STAGE_02

NEXT.JS BUILD

Building interactive interfaces in React and Next.js — routing, SSR, state, and real-world component logic.

STAGE_03

FRONTEND SHIP

Optimizing performance, accessibility, and JavaScript architecture for production-ready frontend delivery.