Portfolio

こちらは私の制作実績です。

はじめに

この勤怠管理システムは従業員の日々の出退勤や休憩、残業時間を正確かつ効率的に記録・管理するための WEBアプリケーションです。Vue.jsとLaravelを組み合わせたSPA(シングルアプリケーション)構成とし、操作性と処理速度に優れたユーザー 体験を提供します。かつて働いていた職場で紙で勤怠や残業時間を管理していたこともあり、勤怠管理の効率化を目指し製作してみました。

基本機能紹介

  • 打刻(出勤・退勤・休憩開始・終了)の記録
    • 打刻時間は、9:00~18:00など勤務時間に応じて制限可能
  • 勤務状況の集計
    • 打刻した時間から、休憩時間や残業時間の合計を自動計算
    • 月ごとの合計も計算
    • 月残業時間が超過したユーザーには自動で通知メールを送信
  • 勤怠データの一時保存・提出・修正
  • 管理者による勤務表の承認機能(ログインユーザーに応じた権限制御)
    • 管理者権限のユーザーでログイン時に勤務承認機能を表示
  • スマホ対応デザイン
打刻画面
勤怠の打刻画面(PC版)

使用技術

  • Vue.js 3.4
  • Laravel 10
  • PostgreSQL