AI-POWERED VIBE CODING PORTFOLIO

CREATING DIGITAL WORLDS & WEB APPS

안녕하세요, 이주원입니다. AI 바이브코딩과 WebGL 3D 인터랙션을 결합하여 복잡한 웹 애플리케이션과 유니크한 시각 경험을 빠르게 구현하는 풀스택 크리에이티브 디벨로퍼입니다.

Live Server Dashboard (/info/) Explore Vibe Apps

3D PARTICLE ENGINE

THREE.JS v128

Active Particles

12,500

Render Engine

WebGL 2.0

SHAPE GEOMETRY Nebula

COLOR SPECTRUM

Culture API

ArtVibe Archive

전국 실시간 공연 및 전시 정보를 통합 검색할 수 있는 문화예술 데이터 아카이브 플랫폼. 장르별·지역별 필터링 기능 제공.

JavaScript Culture API PHP HTML5/CSS3

Launch App

Microsite

Book Microsite: 이방인

알베르 카뮈의 『이방인』 작품 속 부조리 철학을 AI 진단 콘텐츠 및 클릭형 인터랙션으로 재해석한 웹 체험 마이크로사이트.

Interactive Design AI Diagnosis Vanilla JS

Launch App

REST API

TMDB Cinema Vault

TMDB Open API 기반 실시간 인기도 영화 및 트렌딩 시네마 탐색 시스템. 모달 트레일러 및 필터링 지원.

TMDB API Fetch API Glassmorphism

Launch App

Live Weather

K-Weather Forecast

OpenWeatherMap API 연동 실시간 기상 예보 및 대기 질 지수 모니터링 애플리케이션.

OpenWeather API Geolocation Chart.js

Launch App

Gallery API

DOGCEO Breed Gallery

Dog CEO Public API 연동 글로벌 견종 정보 및 랜덤 사진 갤러리 렌더링 서비스.

Dog CEO API Dynamic Grid JS Async

Launch App

Canvas Game

T-Rex Dino Runner

HTML5 Canvas 2D 렌더링과 스프라이트 애니메이션 기반 크롬 공룡 아케이드 재해석 게임.

HTML5 Canvas Collision Detection Audio FX

Play Game

E-Commerce

Vibe Store Platform

상품 카탈로그, 장바구니 결제 프로세스 및 고객 시뮬레이션 인터페이스가 탑재된 커머스 쇼핑몰.

PHP MySQL Session Auth

Launch App

Security System

SMS Verification Gateway

실시간 6자리 인증번호 발송 및 일회용 OTP 검증을 수행하는 SMS 보안 인증 게이트웨이.

PHP System API Integration Session Token

Launch App

AWS Telemetry

Server Hardware Monitor

AWS Lightsail 인스턴스의 CPU, Memory, Disk 및 Apache/PHP/MariaDB 상태를 실시간 시각화하는 차트 모니터.

PHP System Stats Chart.js JSON Polling

Open Telemetry

Vibe Coding Workflow & Philosophy

AI 도구와 3D WebGL 인프라를 활용한 바이브코딩 메커니즘을 통해 아이디어 구상부터 AWS 서버 배포까지 단시간 내 초고속으로 실체화합니다. 프론트엔드의 화려한 시각 경험과 백엔드의 안정적인 인프라 구축을 동시에 지향합니다.

Three.js / WebGL

AI Vibe Coding

AWS Lightsail Cloud

PHP & MariaDB

Glassmorphic Design

REST API Architect

AWS INFRASTRUCTURE SUMMARY

          $ ssh bitnami@52.78.106.44

          $ Web Server: Bitnami Apache 2.4

          $ Database: MariaDB / MySQL

          $ PHP Engine: PHP-FPM 8.x

          $ Domain: https://jvibeschool.site

          $ SSL Certificate: Let's Encrypt Active

          $ Status: OPERATIONAL [OK]

CREATING DIGITAL WORLDS & WEB APPS

Vibe Coding Applications

Vibe Coding Workflow & Philosophy

Project Title