Skip to content

自動販売機アプリ React (TypeScript) + Spring Boot (Kotlin)

Notifications You must be signed in to change notification settings

ToshihiroWatanabe/vending-machine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vending-machine

自動販売機の処理をWebアプリで再現してみました。

お金を入れるボタンを押してから、商品ボタンを押すと購入できます。

購入画面

管理画面

API仕様書

以下のURLから、Swagger UIのページにアクセスできます。

(開発環境)http://localhost:8080/swagger-ui.html

購入時の仕様

  • 使えるお金は10円玉、50円玉、100円玉、500円玉、1000円札
  • 投入金額の合計は9990円まで
  • 同一の硬貨は一度に20枚までしか投入できない
  • 購入後に釣り銭が足りなくなる場合、その商品は購入できない

使用技術

  • React
  • TypeScript
  • Spring Boot
  • Kotlin
  • MyBatis
  • MySQL

動作環境

  • node v14.16.1
  • npm 7.16.0
  • JDK 11

データベース

DockerでMySQLのデータベースを作成できます。

docker-compose up

テーブルを作成するSQLファイルはこちらです。 springboot/src/test/resources/schema.sql 初期データはこちらです。 springboot/src/test/resources/data.sql

環境変数

本番環境

キー 説明
MYSQL_URL jdbc:mysql://ホスト名:ポート/データベース名
MYSQL_USERNAME DBにログインするユーザー名
MYSQL_PASSWORD DBにログインするパスワード

About

自動販売機アプリ React (TypeScript) + Spring Boot (Kotlin)

Topics

Resources

Stars

Watchers

Forks