System Architecture

Technology Stack

Engineered for performance and scalability. A detailed breakdown of the tools and technologies powering my digital solutions.

📚

Programming Languages

PRIMARY LANGUAGES

JavaScript TypeScript PHP Google Apps Script

🌐

Frontend

CLIENT SIDE

React Next.js Tailwind CSS Framer Motion GSAP HTML CSS jQuery Bootstrap Material UI Shadcn UI Laravel Blade Kendo UI

⚙️

Backend

SERVER SIDE

Node.js Express.js Laravel REST API Supabase MySQL PostgreSQL Cloudflare R2 Storage ASP.NET SQL Server DBeaver phpMyAdmin Postman

✦

Design & Ops

INFRASTRUCTURE

Figma Zeplin Canva Whimsical GitCI/CDJenkins Cloudflare VPS Ubuntu Nginx PM2 Shared Hosting Vercel Apple App Store Google Play Microsoft Azure GitHub GitLab Fork Bitbucket GitKraken GitLens

📱

Mobile

NATIVE & CROSS

React Native React Native CLI Expo Redux Redux Toolkit React Native Debugger Android Studio Xcode Firebase Codepush OneSignal branch.io

🐛

QA & Testing

RELIABILITY

JestUnit TestingIntegration TestingEnd-to-End TestingAutomation TestingCucumber Selenium Appium React Testing Library PostmanMock API

📈

Analytics

DATA & INSIGHTS

Firebase Analytics Google Analytics Google Tag Manager Sentry Facebook Pixel

🎓

Exploring

EXPERIMENTAL

C#ASP.NET SQL Server Dart Flutter GoAI EngineeringLLM IntegrationDocker Kotlin Java SwiftERP SystemBlockchainPython

🤖

AI Tools

PRODUCTIVITY

ChatGPT Claude Gemini Cursor Trae Antigravity Stitch With Google Google AI Studio Google Notebook LLM

🔗

3rd Party

INTEGRATION

Branch.io Codepush Intercom Qiscus Midtrans OneSignal Gemini Open API

🎬

Other Tools

CONTENT & MEDIA

Confluence Jira Trello Google Spreadsheet Google Slides NotionPivotal TrackerVS Code PyCharm