Firebase Cloud Messagingを使ったチャットアプリの作成という感じで素振りした跡地です。 カップルで使うチャットアプリと想定してエンティティを設計しました。 ついでにいくつか触ってみたい技術も使ってみました。

URL

https://c-chat-opal.vercel.app

構成

Front

Next.js

TypeScript

Backend

tRPC + Zod

Prisma

DB

planetscale

画面

その他

PWA対応しており、ブラウザからアプリとしてダウンロードすると、Firebase Cloud Messagingに対応しているブラウザならチャット送信時にバックグラウンド通知が飛ぶようになっている（はず）