ふんばれ!ブリュレイド!!

https://github.com/KOU050223/PoopBattler

Next.js

TypeScript

PostgreSQL

PWA

うんち 💩

ウオミー

t.そーま

アリス

推しアイデア

うんち

作った背景

うんち

推し技術

うんち

プロジェクト詳細

うんち

スライド資料

https://docs.google.com/presentation/d/1Wz3aLQhD5g55UvgCEW0Yu5SyL3l2_pCAHRutQxfIiL4/edit?usp=sharing

デモ動画

https://youtu.be/-ojMuMe96X4?si=XY6rEFm0wuCWcA6K

楽しくうんち生活を管理しよう!

トイレの時間が、バトルになる。

遊んだ結果として、食事と排便のログが残る。

解決できること

  • トイレの時間短縮
  • スマホいじり
  • 排便の記録・レポートしてセルフ健康管理

背景とかはスライド見てもらった方がいいです

バトル

ふるふるの加速度で必殺技を出す

ガチャ

  • ステーラスランダムなうんちがバトル後確率で手に入れることができる

入力系

  • 食事
  • うんちの状態

を記録してsupabseに書き込む

うんちレポート

うんちの状態保存や食事履歴から数値をまとめてレポートとする

今後の展望

  • 交換
  • より多い多言語対応

技術的なこと

アーキテクチャ

  • BaaS      :Supabase
  • フロントデプロイ :Vercel  ←よくよく考えたら商用利用怪しいな...
  • フロントエンド  :Next.js v16.3.4
  • 決済       :stripe
  • フロントテスト  :Vitest v4
  • 画像認識     :tensor-flow, coco
  • i18n対応     :next-intl

image

今回は開発の時間がなかったので、next.js, supabaseという全部盛りのフレームワーク・サービスを利用して初速を上げました

国際展開を狙うためi18n対応を考えて、next-intlを使用して実装してみた

コード内に変更を加えず言語対応を記述したjsonを追加することでどんどん多数の言語を生やすことができます!

今回がっぽり稼ぐというテーマがあったので課金の仕組みをstripeを使用して入れてみました。 AIと一緒にやることで1時間かからないくらいで課金の仕組みを入れることに成功しました 個人が決済を抱えるコストは非常に高いと思うのでここは多少手数料がかかっても外部に頼る方が良いと感じました。 また、顧客としても安心感を得られると思っています。

すまんかった

うんちの開発楽しかったのでみんなも心の中のうんちを解放しよう

image

image

ウオミー

@KOU050223