RunTicket

スムーズな決済。スピーディーに注文。モバイルオーダーRunTicketで学食を快適に。

動画

開発素材

デバイス

Raspberry Pi

ツール

React

figma

システム構成

システム構成(GAS側)

技術スタック

画面設計

• Figma

フロントエンド

• React
  • SPA/PWA
• Next.js
  • SSG
• TypeScript
• Tailwind CSS
• Emotion
• Material UI
• Storybook
• Jest

バックエンド

• Node.js
  • Express
  • WebSocket
• Python
  • ESC/POS
• Google Apps Script

インフラ

• Firebase
  • Authentication
    • Google認証
  • Cloud Firestore
    • NoSQL
  • Cloud Storage
  • Cloud Functions
    • トランザクション処理
    • HMAC認証
• Oracle Cloud
  • VMインスタンス
  • Docker
    • Nginx
    • リバースプロキシ
    • Let’s Encrypt
• Cloudflare
  • Proxy
  • DNS
  • CDN
• Github Actions
  • Prettier
  • ESLint
  • AutoDeploy
• Raspberry Pi4
• OpenAPI(Swagger)

外部API

• PayPay Web Payment
• Stripe
• Discord API

プロジェクト全体のシーケンス図

ストーリー

作品概要

• 学食で利用を想定としたモバイルオーダーアプリケーションの開発および運用
• スマートフォン向けのWEBアプリケーション(PWA)で注文・決済を行い、現地に設置してあるキオスク端末にて食券を発行
• 購入されたデータを月末毎に集計し、月額の売り上げや各メニューのランキングを提供する。アプリケーションに表示されたメニューの内容は、予め読み込ませたメニューデータを基に夜間、システムが動的に書き換えを行う
• 任意にメニュー情報を変更する場合、メニューデータベースと連携したスプレッドシートの書き換えを行うことで変更が可能
• 現行の食券注文方式を採用することで店員側のオペレーションの変更はなし

メンバー

• 

  斎藤陽太 @charokoukuu

  • プロジェクトリーダー
  • フロントエンドエンジニア
  • バックエンドエンジニア

同じニオイがする作品

• 味噌と奥さんとおはし
• ミミ子のただいまプリンター
• カシカ - ビジネスチャットを図解で分かりやすく
• とまとの気持ち by Green Garage