1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

react + typescript + laravelで管理画面作成

Posted at

#成果物について
##使用技術について
フロントエンド: react + typescript + tailwindCss
バックエンド : laravel

##コンテンツについて
予約機能があるHPの管理画面を作成
■具体的な機能
・予約日毎に予約者一覧が確認できる機能
・利用ユーザー毎にpdfの領収書をメールに添付して送信できる機能

###予約日毎に予約者一覧が確認できる機能について
日付選択欄にて、選択した日付の予約一覧を表示可能

<画面>
image.png

###利用ユーザー毎にpdfの領収書をメールに添付して送信できる機能について
■領収書送信対象者一覧画面
・日付選択欄・氏名入力欄にて、選択した条件のユーザー一覧を表示可能
・一覧のセルを押下すると、対応したユーザーの送信画面に遷移

<画面>
image.png

■領収書送信画面
・料金は動的に変更可能
・送信ボタンを押下すると、pdfの領収書をメールに添付して送信

<画面>
image.png

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?