フルスタックエンジニアDevinのモダンでスタイリッシュなプロフィールサイトです。

• 🎯 ヒーローセクション

  • グラデーション背景（青→紫）
  • プロフィール写真とキャッチコピー
  • お問い合わせ・GitHubボタン

• 👤 About Me

  • 専門分野の紹介
  • フロントエンド・バックエンド・チームリーダーシップ

• 💻 Technical Skills

  • カラフルなスキルバッジ表示
  • React、TypeScript、Node.js、Python等
  • 各技術の習熟度レベル表示

• 💼 Work Experience

  • 詳細な職歴と実績
  • シニアフルスタックエンジニア〜ジュニアエンジニア
  • 具体的な成果と技術スタック

• 🚀 Featured Projects

  • 代表的なプロジェクト3選
  • Eコマースプラットフォーム、タスク管理アプリ、データ可視化ダッシュボード
  • 使用技術とGitHubリンク

• 📞 Contact

  • 連絡先情報とソーシャルリンク
  • メールアドレス・所在地
  • GitHub・LinkedInボタン

• Node.js (v18以上)
• npm または yarn

# 依存関係のインストール
npm install

# 開発サーバーの起動
npm run dev

• レスポンシブデザイン: モバイル・タブレット・デスクトップ対応
• モダンなUI: グラデーション背景とカード型レイアウト
• アニメーション: ホバーエフェクトとスムーズな遷移
• アクセシビリティ: 適切なコントラスト比とキーボードナビゲーション

• Frontend: React 18 + TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Icons: Lucide React
• Images: Unsplash (プロフィール写真)

• 名前: Devin
• 職種: フルスタックエンジニア
• 経験: 5年以上のWeb開発経験
• 専門: ユーザー中心の設計思想と最新技術への探求心

• フロントエンド: React, Vue.js, TypeScript (Expert)
• バックエンド: Node.js, Python (Advanced)
• インフラ: AWS (Intermediate), Docker (Intermediate)
• データベース: GraphQL (Intermediate), PostgreSQL (Advanced)

1. Eコマースプラットフォーム - React/Node.js/PostgreSQL
2. タスク管理アプリ - TypeScript/Next.js/Prisma
3. データ可視化ダッシュボード - D3.js/React/Python

# 開発サーバー起動
npm run dev

# ビルド
npm run build

# プレビュー
npm run preview

# Lint
npm run lint