마이크로시멘트 전문 기업 GM Microcementos를 위한 기업 웹 플랫폼 완전 개발. 성능, SEO, 뛰어난 사용자 경험에 초점을 맞춤 15개 최적화 페이지로 구성된 전문 웹사이트. 예산 계산기, 필터링 가능한 프로젝트 갤러리, 고급 양식, 미니멀 디자인 시스템을 포함. 100개 이상의 재사용 가능한 컴포넌트와 Core Web Vitals 최적화를 갖춘 모듈러 아키텍처.

말라가의 사법 경쟁 시험을 전문으로 하는 Academia CEJ의 웹 플랫폼. 블로그, 가상 캐퍼스, 지식 테스트 시스템, 등록 시스템, 코스 관리를 갖춘 완전 반응형 웹사이트. Next.js 14, React 18, Tailwind CSS, Framer Motion, Docker로 개발.

Next.js 15, React 19, Redux Toolkit, TailwindCSS 기반의 현대적인 애플리케이션인 Dimap 기업 웹사이트 개발. 최적의 성능과 부드러운 사용자 경험을 제공하도록 설계되었습니다. 서비스 페이지, 블로그, 기업 섹션, 리드 추적 폼 등을 포함하며, SSG, Lazy Loading, ClientLoader를 이용한 고도로 최적화된 모듈형 아키텍처로 구축되었습니다.

이 웹사이트에서 저는 팀과 함께 고품질 제품 판매와 지역 상업 발전에 전념하는 플랫폼을 처음부터 개발했습니다. 개념에서 실습까지 백엔드와 프론트엔드를 모두 만들며 작업했습니다. 다양한 기술 외에도 사용자 계정 관리 및 로그인을 위한 JWT, 모든 데이터 제어를 위한 대시보드 등의 통합을 구현했습니다. 다양한 소셜 네트워크로 로그인, 제품 구매를 위한 사용자 계정 생성 또는 제품 추가를 위한 회사 계정, 해당 제품을 찾을 수 있는 가장 가까운 위치의 지도 등의 기능이 있습니다. 기밀상의 이유로 코드는 표시되지 않습니다.

Apple AirPods Pro 2 공식 히어로 섹션을 재현하며, GSAP과 ScrollTrigger를 활용한 고급 애니메이션 기술 습득에 집중한 프로젝트입니다. 스크롤과 동기화된 65프레임 Canvas 렌더링 시퀀스, 부드러운 트랜지션, 동적 내비게이션, 그리고 Apple의 원본 경험에서 영감을 받은 시각 효과를 구현했습니다. 고성능 웹 애니메이션을 향상시키기 위한 프로젝트입니다.

Angular 19와 TensorFlow.js를 사용하여 실시간 객체 감지를 위한 PWA를 개발합니다. PWA 구성, TensorFlow.js 통합, 실시간 이미지 캡처 및 처리, Web Workers와 Lazy Loading을 통한 최적화, IndexedDB를 이용한 오프라인 저장소, 모바일 기기 배포가 포함됩니다.