Skip to main content
C
CHOYON.DEV

TECH STACK & CORE SKILLS

5+ years of production experience in WordPress and high-speed web design, actively expanding into modern MERN Full-Stack and Next.js engineering.

Technical Arsenal
SKILLS

TECH STACK

Verified technologies and frameworks utilized in commercial projects.

Platforms & CMS

WordPress

Custom themes, plugins, REST API, & ACF Pro

WooCommerce

Single-page checkouts, variations, localized gateways

Webflow

CMS collections, custom JavaScript & interactions

Framer

Interactive layouts, variants, & micro-animations

Shopify

Liquid template customization & store setup

Figma

Design tokens, auto-layout inspect, & UI systems

Frontend Engineering

HTML5 & Semantic Web

Accessible markup, SEO tags, & schema.org

Modern CSS3 & SCSS

Flexbox, CSS Grid, animations, & variables

JavaScript (ES6+)

Closures, async/await, DOM APIs, & modules

TypeScript

Interfaces, generics, type safety, & strict typing

React.js

Component architecture, custom hooks, & state

Next.js (App Router)

SSR, SSG, Server Components, & routing

Tailwind CSS

Utility-first systems, theme config, & JIT

Sass / SCSS

Modular stylesheets, nested architecture & mixins

UI Libraries & Motion

shadcn/ui

Accessible Radix-based UI building blocks

Radix UI

Unstyled accessible primitive components

Framer Motion

Physics spring animations & layout transitions

DaisyUI

Semantic Tailwind utility component classes

Material UI

Enterprise component systems & themes

Backend & Databases

Node.js

Runtime architecture, event loop, & NPM packages

ex

Express.js

RESTful routing, middleware, CORS, & auth

MongoDB & Mongoose

Atlas clusters, schema modeling, & queries

MySQL

Relational database queries & WP database tuning

PHP

PHP

Core PHP, WordPress hooks, filters, & OOP

Firebase Auth

Social auth, token verification, & security rules

Supabase

PostgreSQL, Row Level Security, & real-time sync

Stripe API

Payment intents, webhooks, & subscription logic

Workflow & Automation

Git & GitHub

CLI workflows, branches, pull requests, & CI/CD

Postman

API endpoint testing, collections, & mock environments

VS Code

High-contrast Neo theme, snippets, & extensions

n8n & Make.com

Automated webhook pipelines & data sync

Cloudflare & Vercel

Edge CDN caching, DNS, SSL, & serverless deploys

Docker

Containerized local development environments

AI Tools & Agents

Model Context Protocol (MCP)

Open standard protocol connecting AI agents to local tools, IDEs, & APIs

OpenCode

Open-source agentic coding runtime for automated multi-step development

Cline

Autonomous open-source CLI & editor agent with command execution & file editing

Claude (Anthropic)

Frontier model reasoning, codebase architecture, and refactoring workflows

Cursor AI

AI-native IDE with multi-file codebase indexing and intelligent agent chat

v0

v0 by Vercel

Generative UI system for instant React & Tailwind component design

Ollama

Local deployment & inference for open-weight models (Llama 3, DeepSeek, Qwen)

CrewAI

Open-source multi-agent role-playing orchestration & autonomous task pipelines

LangChain

Retrieval-Augmented Generation (RAG) pipelines, memory, and tool integration

Hugging Face

Open-source model weights, inference endpoints, datasets, and community models

Groq LPU

Ultra-low latency LPU token streaming for real-time agent execution

n8n AI Workflows

Autonomous agent nodes, automated webhook triggers, and multi-service sync

FULL-STACK EVOLUTION

ENGINEERING ROADMAP

Transparent milestones tracking the evolution from WordPress mastery into MERN Full-Stack & Next.js architecture.

01

Web Fundamentals & UI Architecture

//Semantic HTML5, Modern CSS3, Responsive Layouts, Tailwind CSS, DaisyUI
Mastered100%
✓Semantic HTML5, Page Structure & Web Accessibility (a11y)
✓Modern CSS3, Flexbox, CSS Grid & Responsive Layouts
✓Utility-First Styling with Tailwind CSS & DaisyUI
✓Git & GitHub (Branching, Pull Requests, Version Control)
✓Platform & CMS Architecture (WordPress, Webflow, Framer, Shopify)
02

JavaScript & DOM Architecture

//ES6+ Syntax, Scopes, Closures, Array Operations, Async/Await, Fetch API
Mastered100%
✓JavaScript Fundamentals (ES6+, Scopes, Closures, Hoisting)
✓Array Methods & Data Operations (map, filter, reduce, find)
✓DOM Traversal, Event Delegation & Dynamic UI Generation
✓Asynchronous JavaScript (Promises, async/await, Fetch API, Axios)
✓Client Storage (localStorage, sessionStorage, Cookies)
03

React & SPA Ecosystem

LIVE
CURRENT SPRINT
//Component Trees, Core Hooks, React Router DOM v6, React Hook Form
Active Focus80%
✓React Component Architecture, JSX & Props Flow
✓Core Hooks (useState, useEffect, useRef, useMemo, useCallback)
✓Single Page Routing with React Router DOM (Dynamic & Nested Routes)
✓Form Handling & Validation with React Hook Form
>_Global State Management (Context API & TanStack Query)
04

Backend & RESTful Services

//Node.js Runtime, Express.js Framework, Routing, Custom Middleware, CORS
In Progress65%
✓Node.js Runtime Architecture & NPM Package Ecosystem
>_Express.js Server Setup, RESTful Routing & Middleware Design
>_Full-Stack CRUD API Design & Error Handling Middleware
05

Database & ODM Modeling

//MongoDB Atlas, Mongoose ODM, Schema Architecture, Aggregation Queries
In Progress60%
>_MongoDB Atlas Configuration & Mongoose Schema Modeling
>_Data Validation, Virtuals & Document Relationships
06

Authentication & Security

//Firebase Auth Integration, JWT Token Lifecycles, Role-Based Access (RBAC)
In Progress50%
>_Authentication Systems (Firebase Auth, JWT Token Management)
>_Protected Routes & Role-Based Access Control Middleware
07

Full-Stack Integration & Payment Gateways

//End-to-End MERN Applications, Stripe & SSLCommerz Integration
Upcoming40%
>_End-to-End MERN Application with Secure Role-Based Access Control
>_Payment Gateway Integration (Stripe & SSLCommerz)
08

Next-Gen Production Architecture

//Next.js (App Router, Server Components, SSR/SSG), TypeScript, Docker
Planned30%
>_Next.js (App Router, Server Components, SSR, SSG & Server Actions)
>_TypeScript Integration for Full-Stack Type Safety
>_Production Deployment & CI/CD Pipelines (Vercel, Render, Railway, Atlas)
OPEN SOURCE

GITHUB REPOSITORIES

Independent utilities, timers, and frontend experiments built on GitHub.

choyon-dev / FitLog
Latest Release

FitLog

High-performance workout & fitness tracking web application built with Next.js App Router, React 19, and interactive session telemetry.

Next.jsReact 19TypeScriptTailwind CSS
Public RepoView Code
choyon-dev / DevStack
Dev Tool

DevStack

Interactive developer ecosystem tool to explore modern web technologies, compare frontend frameworks, and assemble production toolchains.

React 19TypeScriptTailwind v4Vite
Public RepoView Code
choyon-dev / BookVibe
Web App

BookVibe

Curated book discovery and personal reading shelf platform engineered with Next.js App Router, DaisyUI tokens, and client state.

Next.jsDaisyUITypeScriptReact 19
Public RepoView Code
choyon-dev / Vidpirate
Popular Tool

Vidpirate

Universal video extraction utility supporting instant offline downloads from YouTube, Instagram, LinkedIn, TikTok, and Twitter.

JavaScriptREST APIsMedia StreamAsync
2 StarsView Code
choyon-dev / Modern-Pomodoro-Timer
Utility

Modern-Pomodoro-Timer

Productivity timer with dark/light mode toggle, custom interval controls, audio chimes, and persistent session state.

JavaScriptCSS3Audio APILocalStorage
Open SourceView Code
choyon-dev / Aspect-Ratio-Calculator
Design Utility

Aspect-Ratio-Calculator

Instant aspect ratio calculator and visual previewer for responsive web layouts, video formats, and UI design assets.

JavaScriptCSS GridUI ToolResponsive
Open SourceView Code
Explore Full GitHub Profile (@choyon-dev)
FUTURE DIRECTION

THE FULL-STACK VISION

Web development never stays still. While maintaining deep production mastery in WordPress, I am committed to modern headless, reactive, and type-safe systems.

01
Core Architecture

End-to-End MERN

Building custom enterprise apps with React, Node.js, Express, MongoDB Atlas, and robust role-based access control (RBAC).

React 19 & Component Architecture
Node.js & Express RESTful APIs
MongoDB Atlas Schema Models
Role-Based Access Control (RBAC)
02
Performance & Edge

Next.js & Server Actions

Mastering React Server Components, streaming SSR, edge middleware, and zero-bundle-size server actions for instant response times.

React Server Components (RSC)
Streaming SSR & Fast Suspense
Edge Middleware Routing & Cache
Zero-Bundle Server Actions
03
Data Integrity

Type-Safe Systems

Ensuring end-to-end reliability from database models to frontend UI components with strict TypeScript contracts and validation schemas.

Strict-Mode TypeScript
Zod Schema Input Validation
End-to-End API Contracts
Zero Runtime Type Drift