🚀 ポートフォリオ V3.0
[!TIP]
このポートフォリオを使いたいですか?上のフォークボタンをクリックしてください!>
ほぼスクラッチから、すべての面倒な設定がされた状態で始めたいなら、このスターターテンプレートをチェックしてください。
このポートフォリオはTypeScriptで書き直され、レスポンシブ性とアクセシビリティを考慮して刷新され、新しいライブラリを試すために作成されました。
V2.0からの変更点:
- 🏙️ TypeScript
- 🔍 Fuse.jsを使った検索バー
- ⌨️ キーボードナビゲーション
- 🗞️ aboutセクションに証明書セクションを追加
- 😎 最新のトレンディなUIライブラリで更新(shadcn、tailwindcss、vite)
- 🐛 Experienceセクションのような揺れバグを修正
💼 前提条件
⚙️ インストール方法
- masterブランチの最新コードをクローンする
- 依存関係をインストールする
pnpm i- ウェブサーバーを起動!
pnpm dev
🎈 使い方
- ブラウザで http://localhost:5173 にアクセスしてください
💫 デプロイ
プロジェクトを Vercel にインポートします。これでプッシュ時に自動デプロイが行われます。
⛏️ 使用技術
📗 謝辞
このサイトのデザインは、以下のような素晴らしいポートフォリオに大きく影響を受けています:
- Brittany Chiang
- Matthew Williams
- Chris Dermody
- Jacek Jeznach(リンク切れ)
将来の Jarrod への課題
(再追加するかまだ迷っています…)
- プロジェクトセクションを増やす?
- お問い合わせセクション?