訪問者帳アプリ（Buku Tamu） - Laravel実装

Web
訪問者帳アプリ（Buku Tamu） - Laravel実装

訪問者帳アプリ（Buku Tamu） - Laravel実装

LaravelとTailwindCSSで構築された訪問者管理ウェブアプリ。Webカメラでの来訪者写真撮影、メール認証を伴う登録／ログイン、メールによるパスワードリセット、来訪者データのPDFエクスポート、モダンなダッシュボードを備え、シンプルな来訪記録運用に適した実装例を提供します。開発や学習用のベースとして使いやすい構成です。（約300字）

https://github.com/HendraGunadie/Buku-Tamu-Laravel

概要

Laravelベースの「Buku Tamu（訪問者帳）」は、来訪者の顔写真をWebカメラで撮影して記録し、ユーザー登録はメール認証、パスワードリセットもメールで行える来訪者管理アプリです。来訪者データはPDFでエクスポート可能なため、記録の保存や印刷に便利。TailwindCSSでモダンなUIを提供し、ダッシュボードから来訪状況を管理できます。学習目的や小規模運用に向く、実用的なサンプル実装です。

GitHub

リポジトリの統計情報

  • スター数: 12
  • フォーク数: 1
  • ウォッチャー数: 12
  • コミット数: 25
  • ファイル数: 24
  • メインの言語: PHP

主な特徴

  • Webカメラによる来訪者写真の撮影と保存
  • メール認証を含むユーザー登録・ログイン機能、メールでのパスワードリセット
  • 来訪者データのPDFエクスポート（帳票出力）
  • TailwindCSSを使ったモダンなダッシュボードUI

技術的なポイント

このプロジェクトはLaravelフレームワークを核に、フロントエンドにTailwindCSSを採用している点がまず目を引きます。Webカメラ機能はブラウザAPI（getUserMedia）を利用してクライアント側で写真をキャプチャし、Base64やBlobとしてサーバへ送信、Laravelのコントローラーで受け取ってストレージに保存する流れが想定されます。認証関連はLaravelのAuth機能（メール検証やパスワードリセット）を利用しており、メール送信にはSMTP設定や.envを通した環境変数管理が必要です。来訪者リストのPDFエクスポートには一般的にDOMPDFやSnappy（wkhtmltopdf）などのライブラリが使われ、Bladeテンプレートを元に帳票を生成する設計が分かりやすいです。プロジェクト構成を見ると、.env.exampleやマイグレーション、コントローラ／モデル／ビューの典型的なLaravel構造があり、拡張や学習に適しています。写真の保存パスやファイル命名、バリデーション、セキュリティ（CSRF、認証保護）、およびPDF生成時の文字エンコーディングやレイアウト調整も実務で注意すべきポイントです。Tailwindを用いたスタイリングはカスタムクラスで素早くUIを調整でき、モバイルやタブレットでの利用も想定したレスポンシブ設計がしやすくなっています。

プロジェクトの構成

主要なファイルとディレクトリ：

  • .editorconfig: file
  • .env.example: file
  • .gitattributes: file
  • .gitignore: file
  • README.md: file

…他 19 ファイル

まとめ

LaravelとTailwindで学習と小規模運用に最適な訪問者管理アプリ。

リポジトリ情報：

READMEの抜粋： Visitors

📖 Buku Tamu (Laravel + Tailwind)

Website Buku Tamu berbasis Laravel dengan fitur webcam foto tamu, registrasi & login via email verifikasi, reset password lewat email, dan export data tamu ke PDF.

✨ Fitur utama:

  • Foto tamu via Webcam
  • Registrasi + verifikasi email
  • Reset password lewat email
  • Export data tamu ke PDF
  • Dashboard Modern

📸 Preview

Form Tamu Form Tamu