Next.jsを使用した単一ページのポートフォリオサイト。
ページ上部。ヘッダーや簡単な自己紹介、今までのプロジェクトをタイルで表示し、詳細なプロジェクトはモーダルで表示させることで必ず確認しなくても良い情報はページには表示せず、スキルやプロフィールを確認しやすいよう工夫した。
プロジェクトの詳細を確認できるモーダル。
デザイン性を失わないようにスクロールバーを削除し、モーダルを閉じるときに最上部または最下部まで移動せずにボタンを押せるようにした。
年度別にもジャンプできるよう、他の年度もボタンとして表示している。
