Skip to content
This repository has been archived by the owner on Feb 28, 2023. It is now read-only.

FUGAMARU/shiftup

Repository files navigation

ShiftUP!

サービス名について

物理名 論理名
shiftup ShiftUP!

エンドユーザー一覧

名称 役割
キャスト 実際にオープンキャンパスの業務を遂行する学生(工科大生を含む)
運営チーム 新しいキャストの募集、各種連絡、シフトを組んだりと
オープンキャンパス業務の運営管理を行う

現状のオープンキャンパスバイト出勤までのフロー

  1. 運営チームが任意のタイミングで、向こう1ヶ月分のオープンキャンパス開催日程を提示する
  2. キャストはそれぞれの開催日程に対して、出勤できるのかできないのかをアンケートで回答する
  3. 運営チームが2の回答結果を元に、1日分の出勤者リストを作り、これをオープンキャンパス当日の1週間以内にキャストに送信する
  4. キャストは3で送られてきたリストに自分が入っているか確認し、入っていればDiscordにて◯◯ ◯◯ □月□日 確定のように名前と日付を送信して自分の出勤を確定させる。
  5. 運営チームはオープンキャンパス当日の朝に、役割ごと(受付、誘導など)のスケジュール表を作り、配布する。

実装したい機能

  • シフト希望日程アンケート作成 / 回答(12に該当)
  • シフト希望日程ごとの、出勤可能者のリストアップ
  • 3の出勤者リストに自分が含まれていればメール通知
  • 3の出勤者リストに自分が含まれていた場合の、出勤確定処理(通知)ボタン(4に該当)
  • 出勤確定した人のリストアップ
  • キャスト用のマイページがあり、PDFファイルを開くことなくそこから自分の1日のスケジュールが確認できる
  • Discord APIにて自動でキャストを該当する役職のチャンネルに参加させる
  • 運営チームが許可したGoogleアカウントのみサービスを利用できるようにする

あったら良いかもしれない機能

  • 月あたりの合計出勤回数
  • 給与確認
    • 棒グラフなどでグラフィカルだと尚良し

作る必要のあるページ

開発メモ

属性記述の優先順位目安(気づいたら修正)

  1. クラス名
  2. サイジング
  3. スペーシング
  4. 文字に関するもの
  5. 表示に関するもの
  6. ホバーなどその他表示に関するもの
  7. イベントハンドラー(e.g. onClick())

セッションチェックについて

本来ログインしていないと開けないページを未ログイン状態で開けないようにするための処理

hooks/useStatusCheck.tsxに、バックエンドのAPIからログイン状態と役職を取ってきてRecoilにセットする処理を実装済み。
ページ遷移の度にログインが有効かチェックする必要があるので、このカスタムフックは

  1. ページ遷移の度に呼ばれる(読み込まれる)コンポーネント
  2. Recoilを使えるコンポーネント

の条件を満たすコンポーネントから呼ぶ必要がある。
なのでcomponents/header/Header.tsxuseStatusCheck()を記述した。

About

[卒業制作] オープンキャンパスバイトのシフト管理用システムのフロントエンド

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published