すべてのプロジェクト

私が開発したプロジェクトのいくつかをご覧ください

GM Microcementos Website

GM Microcementos Website

マイクロセメントの専門企業GM Microcementosのための企業ウェブプラットフォームの完全開発。パフォーマンス、SEO、優れたユーザーエクスペリエンスに焦点を当てた15ページの最適化されたプロフェッショナルウェブサイト。予算計算機、フィルター可能なプロジェクトギャラリー、高度なフォーム、ミニマルデザインシステムを含みます。100以上の再利用可能なコンポーネントとCore Web Vitals最適化を備えたモジュラーアーキテクチャ。

Academia CEJ Website

Academia CEJ Website

マラガの法務競争試験を専門とするAcademia CEJのウェブプラットフォーム。ブログ、バーチャルキャンパス、知識テストシステム、登録システム、コース管理を持つ完全レスポンシブウェブサイト。Next.js 14、React 18、Tailwind CSS、Framer Motion、Dockerで開発。

DIMAP 企業サイト

DIMAP 企業サイト

Dimap のコーポレートサイトの開発。Next.js 15、React 19、Redux Toolkit、TailwindCSS を基盤としたモダンなアプリケーションで、最適なパフォーマンスとスムーズなユーザー体験を提供します。サービスページ、ブログ、企業セクション、リード追跡フォームを備え、SSG、Lazy Loading、ClientLoader による高い最適化を特徴とするモジュール式アーキテクチャで構築されています.

Agrooe キャッシュバック

Agrooe キャッシュバック

このウェブサイトでは、チームと協力してゼロから品質の高い製品の販売と地域商業の発展を目的としたプラットフォームを開発しました。コンセプトから実装まで、バックエンドとフロントエンドの両方を作成しました。様々な技術に加えて、ユーザーアカウント管理とログイン制御のためのJWT、全データ管理のためのダッシュボード等の統合を実装しました。ソーシャルネットワークでのログイン、商品購入のためのユーザーアカウント作成、企業として商品を追加する機能、商品が見つかる最寄りの場所のマップ表示など、多数の機能を実装しました。機密保持のため、コードは表示されません。

AirPods Pro 2 ウェブサイトクローン

AirPods Pro 2 ウェブサイトクローン

Apple公式のAirPods Pro 2ヒーローセクションを再現し、GSAPとScrollTriggerによる高度なアニメーション習得に焦点を当てたプロジェクトです。スクロールに同期した65枚のCanvasレンダリング画像シーケンスに加え、滑らかなトランジション、動的ナビゲーション、そしてAppleのオリジナル体験に基づいたビジュアル効果を実装しました。高性能なWebアニメーションを磨き上げるための取り組みです.

Angular を使用したオブジェクト検出 PWA

Angular を使用したオブジェクト検出 PWA

tensorflow
ionicons-v5_logos

Angular 19 と TensorFlow.js を使用してリアルタイムのオブジェクト検出 PWA を開発。PWA の設定、TensorFlow.js の統合、ライブ画像のキャプチャと処理、Web Workers と Lazy Loading による最適化、IndexedDB によるオフラインストレージ、モバイルデバイスへのデプロイを含みます。

GTA VIランディングページクローン

GTA VIランディングページクローン

Grand Theft Auto VIのランディングページクローン。教育目的とウェブ開発スキルのデモンストレーションのために作成されました。すべてのデスクトップ解像度(1024px - 4K)に最適化されたレスポンシブデザインのモダンなウェブサイト。GSAPを使用した高度なアニメーション付きドロップダウンメニュー、画像付き動的キャラクターおよびロケーションショーケースシステム、プレビュー付きインタラクティブトレーラーセクション、アニメーションカード付きダウンロードセクションが含まれます。非商業的な教育プロジェクトとしてAstro、Tailwind CSS、JavaScriptで開発。

3Dデスクコンフィギュレーター

3Dデスクコンフィギュレーター

Three.jsとTresJSを3Dモデルで学ぶための練習プロジェクト。スタンディングデスクを異なる仕上げと色のオプションでカスタマイズできるインタラクティブなウェブアプリケーション。軌道コントロール付き3Dビュー、ノートパソコン、ヘッドホン、観葉植物の3Dモデルを含みます。デスクの仕上げをカスタマイズし、アクセサリーの色をリアルタイムプレビューで選択できます。Vue 3、TresJS(Three.jsとVueの統合)、TypeScript、Vite、UnoCSSで開発。

Strapi ゲームストア

Strapi ゲームストア

StrapiをバックエンドとCMSとして使用し、ビデオゲーム関連のコンテンツを管理するために設計されたWebアプリケーション。

リアルタイムチャット

リアルタイムチャット

Socket.IOを使用したリアルタイム通信とSupabaseをデータベースとして使用するリアルタイムチャットアプリケーション。

スーパーマリオブラザーズ 85'

スーパーマリオブラザーズ 85'

PhaserIcon

1985年の任天堂の伝説的なゲーム、スーパーマリオブラザーズの教育目的のクローン。

Paint Windows 95'

Paint Windows 95'

Windows 95時代にインスパイアされたペイントアプリケーション。

書店ビュートランジションデモ

書店ビュートランジションデモ

ビュートランジションを練習するための書店Webサイト。

TikTokクローン

TikTokクローン

ViteとReactを使用したTikTokインターフェースのクローン、バックエンドはSupabase。

アタリブレイクアウトゲーム

アタリブレイクアウトゲーム

JavaScriptで作成された伝説的なアタリのブレイクアウトゲームのバージョン。