Skip to content

v420v/QRmarkOld

Repository files navigation

Warning

設計があまりにも酷いため、作り直す予定です。

QRコード型ベルマーク「QRmark」

もしベルマークがQRコードだったら...って思い作りました。

QRmark で使えるQRコードはこちら

僕のアカウントでログインするためのメールアドレスとパスワード

メールアドレス [email protected]
パスワード 0420

QRmarkでどう変わるのか

必要作業量の軽減

遠い地域にベルマークで寄付しやすく

⬇️ 必要作業の比較

現状のベルマーク QRmark
1. ベルマークを切り取る 1. アプリでQRコードをスキャン
2. 台紙に貼る
3. 封筒に入れて
4. 郵送
5. 集計

仕組み、設計、どう動いてるのか

バックエンドはGo、フロントエンドはReact、DBはMysqlを使ってます。

QRコードには jwtToken が入ってます。署名に使っているアルゴリズムはECDSA。
ペイロードにはQRmark番号(ベルマーク番号)やポイント情報などが入ってます。

機能一覧

トップ画面 ログイン後のトップ画面
トップ画面 ログイン後のトップ画面
ログイン画面、新規登録画面に遷移できる様になっています。 QRマーク履歴が表示されます。「QRマークをスキャンする」ボタンでカメラが開きます
新規登録画面 ログイン画面
新規登録画面 ログイン画面
ユーザーの新規登録 ユーザーのログイン
学校のポイント集計結果画面 管理者画面
学校のポイント集計結果画面 管理者画面
学校のその月のポイント集計結果が表示されます。ダウンロードも可能。 管理者画面の一部

ER図

sql

AWS 構成図

Screenshot 2024-07-04 at 15 48 30 `