zakiPoteto | Portfolio

ハッカソン受賞・インターン・長期チーム開発など、実際に作ったプロジェクトをまとめた個人サイト

🔗 Live Demo

---

機能

• 制作実績カード一覧 + 詳細モーダル
• ハッカソン受賞バッジ（KDDI アジャイル賞 / 優秀賞）
• GitHub 統計連携（コントリビューション数・ストリーク・PR 数・公開リポジトリ数）
• Framer Motion によるアニメーション
• レスポンシブデザイン（ダークテーマ固定）

技術スタック

カテゴリ	技術・バージョン
フレームワーク	Next.js 16 (App Router)
言語	TypeScript 5
スタイリング	Tailwind CSS v4
アニメーション	Framer Motion
アイコン	lucide-react, simple-icons
パッケージマネージャ	pnpm 11
Node.js	22

セットアップ

必要なもの: Node.js 22+, pnpm 11+

git clone https://github.com/zakiPoteto/PortfolioWeb.git
cd PortfolioWeb
pnpm install
pnpm dev

http://localhost:3000 で確認。

pnpm dev      # 開発サーバー起動
pnpm build    # 本番ビルド
pnpm start    # 本番サーバー起動
pnpm lint     # ESLint 実行

作者

山﨑壮馬

公立はこだて未来大学

• GitHub: @zakiPoteto