Skip to content

iwasakiterukazuimpl/devin_portfolio

Repository files navigation

🌟 Devin - プロフィールサイト

フルスタックエンジニア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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors