なぜ作ったのか

フリーランスとして業務委託で働いている上で、勤怠管理をしたい
案件別の勤怠管理や、1日の中で複数回に分かれた勤怠管理をしたい
Next.js(AppRouter)で作成したポートフォリオとして紹介できるサービスを作りたい
自分で１からサービスを作ることで技術力を高め、実務に役立てたい

使用技術

フロントエンド: Next.js15(AppRouter)
バックエンド: Prisma; ServerComponet; ServerActions; RouteHandlers
インフラ: Vercel; Neon

個人開発のため、実装コスト・インフラコストを最低限に収めるために最小限の構成で開発しました。
また、Next.jsの理解を深めるためでもあったのでParallel Routes + Intercepting Routesでのモーダル実装を含め、Next.jsの新しい機能をできるだけ幅広く取り入れて実装しました。

機能紹介

打刻機能

開始/終了ボタンで簡単に打刻することができます。
また、勤務時間が一定以上の場合は休憩時間を入力することも可能です。

勤怠管理

勤怠履歴の確認・編集をすることができます。

プロジェクト管理

勤怠管理を行うプロジェクトを複数作成することができます。

今後の展開

現状は勤怠管理に関する最低限の機能のみとなっているので、Excel出力など機能追加を行なっていく予定です。
より多くの方に使っていただけるサービスにしていきたいので、要望・フィードバック等いただけたら大変嬉しいです。

最後に

今回はじめて1からWebサービスを開発しましたが、エンジニアとして大変良い経験になりました。
今後も今回のサービスの開発を継続的に行なっていくことに加え、別のサービスの開発も行っていきたいとも思っています
ここまでお読みいただきありがとうございました。