모든 프로젝트

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

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

Grand Theft Auto VI 랜딩 페이지 클론. 교육 목적과 웹 개발 기술 시연을 위해 만들어졌습니다. 모든 데스크톱 해상도(1024px - 4K)에 최적화된 반응형 디자인을 갖춘 현대적인 웹사이트. GSAP를 사용한 고급 애니메이션이 있는 드롭다운 메뉴, 이미지가 있는 동적 캐릭터 및 위치 쇼케이스 시스템, 미리보기가 있는 인터렉티브 트레일러 섹션, 애니메이션 카드가 있는 다운로드 섹션을 포함합니다. 비영리 교육 프로젝트로 Astro, Tailwind CSS, JavaScript로 개발.

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

Strapi를 백엔드 및 CMS로 사용하여 비디오 게임 관련 콘텐츠를 관리하도록 설계된 웹 애플리케이션.

Vite와 React를 사용한 TikTok 인터페이스 클론, Supabase 백엔드.

Three.js와 TresJS를 3D 모델로 학습하기 위한 연습 프로젝트. 다양한 마감 및 색상 옵션으로 스탠딩 데스크를 맞춤 설정할 수 있는 대화형 웹 애플리케이션. 궤도 컨트롤이 있는 3D 뷰, 노트북, 헤드폰, 장식용 식물의 3D 모델을 포함합니다. 데스크 마감을 맞춤 설정하고 실시간 미리보기로 액세서리 색상을 선택하세요. Vue 3, TresJS(Three.js와 Vue 통합), TypeScript, Vite, UnoCSS로 개발.

실시간 통신을 위해 Socket.IO를 사용하고 데이터베이스로 Supabase를 사용하는 실시간 채팅 애플리케이션.

교육 목적으로 만든 1985년 닌텐도의 전설적인 게임 슈퍼 마리오 브라더스의 클론.

Windows 95 시대에서 영감을 받은 페인트 애플리케이션.

영화와 시리즈 정보를 보기 위한 웹사이트.

뷰 트랜지션을 연습하기 위한 웹 서점.

기본 산술 연산을 수행하는 간단한 계산기.

좋아하는 포켓몬 추가, 삭제 또는 자신만의 포켓몬 생성이 가능한 포켓몬 정보를 보기 위한 도감.

JavaScript로 만든 전설적인 아타리 브레이크아웃 게임 버전.

HTML, CSS, JavaScript만을 사용한 첫 번째 웹 포트폴리오. 나중에 Astro로 구현했습니다.