Skip to content

taku-y-9308/ShiftManagementApp

Repository files navigation

CircleCI

概要

シフト提出、編集、閲覧をスマホから簡単に行えるWebアプリです。
AWS版,heroku版,Google Cloud版を提供しております。(AWS版は現在停止中)
Google Cloud(CloudRun)版: https://shiftmanagementapp.com
ID: test@mail.com
PASS: testuser

heroku版: https://shiftmanagementapp-heroku.herokuapp.com

特徴

  • トップページは今月のシフトがひと目で確認できるカレンダー仕様 スクリーンショット 2022-05-26 17 36 11

  • 日付クリックで非同期でシフトをサーバーに送信 スクリーンショット 2022-05-26 17 36 00

  • 特定の日のシフト確認はわかりやすいタイムラインを使用 スクリーンショット 2022-05-26 17 36 56

  • 管理者はタイムラインクリックすることでシフト編集が可能 スクリーンショット 2022-05-26 17 40 03

  • 店のシフトを誰でも閲覧できるのを防ぐため、アカウント登録は管理者の承認制 スクリーンショット 2022-07-14 17 51 52

その他特徴

  • LINE MessagingAPIを用いたアカウント連携とシフト前日のLINE通知機能(heroku版)
  • シフト編集モード機能で締め切り後でも一時的に提出できるようにする救済モード
  • ユーザーの状態、時期によってカレンダーの表示範囲を動的に変更
  • シフト公開設定から公開する範囲を管理者が選択可能

使用技術

フロントエンド

  • jQuery 3.4.1
  • Bootstrap 4.3.1
  • GoogleCharts
  • FullCalender 5.10.2
  • HTML/CSS

バックエンド

  • Python 3.7.10
  • Django 3.2.13

インフラ

  • Docker 20.10.14
  • AWS
    • ECS,ECR,EC2,RDS,ELB,S3,SES,Route53
  • GCP
    • CloudRun,CloudBuild,CloudSQL
  • heroku
    • Heroku Postgres

その他

  • CircleCI
    • mainブランチへマージすることで自動テストを実行
    • 自動テストをパスすると、コンテナをビルドしてしてheroku,AWS,Google Cloudへ自動デプロイを実行
  • Progressive Web Apps(PWA)

ecs-構成図 drawio-4