無限に投げ銭できるサービス「エア銭」

どうもきらぷかです。
1週間でWebサービスを作るイベント『web1week』、今回のお題は「Like」。

なので、いいねの気持ちを投げ銭できるサービスをつくりました!

■エアでできる投げ銭「エア銭

スクリーンショット 2020-05-24 12.44.28.png

最近、あつ森(あつまれ どうぶつの森)にハマり、
娘とプレゼント付きメッセージカードを交換をする日々。

何かを送るのが楽しかったのと、エア〇〇が流行ってたので、
エアでできる投げ銭サービスにしてみました!

使い方

1.ログインする

まずはTwitterでログイン。

スクリーンショット 2020-05-24 12.46.40.png

2.シェアして募集

自分のページができるので、

スクリーンショット 2020-05-24 12.48.34.png

ツイートして募集

スクリーンショット 2020-05-24 12.49.09.png

3. エア投げ銭してもらう

あとは投げてもらうのを待ちます

スクリーンショット 2020-05-24 12.51.01.png

使ってる技術要素

つかってるのはこんな感じ
- Nuxt+TypeScript+Bulma
- Firebaseでデータ保存&Push通知
- Netlifyでホスティング with Prerendering
- Vercel(旧ZEIT now)でOGP生成

新しく試したこと

だいぶやりたいけど、やるタイミングがないのを試す実験場みたいなアプリに(´ω`)

  1. FirestoreのonSnapshotでリアルタイム更新
  2. OGP生成をVercelに任せてみる
  3. FirebaseのWebPush通知で遊ぶ
  4. Web Share APIで遊ぶ

素振りできるし、コンポーネント化しておけば、後て使い回せるはず!

ほんとうはやりたかったこと

妄想は膨らむけど、時間の都合でたくさん諦めました(´ω`)

  1. たまにガチで投げ銭できるようにStripe決済機能
  2. フォロー/フォローワーで検索する機能
  3. Push通知だけじゃなくて、メール通知も
  4. はずかしいので匿名で送れる機能

1週間って短い。。(´ω`)

よかったら、遊んでみてください!

エアでできる投げ銭サービス
エア銭

スクリーンショット 2020-05-24 12.44.28.png


きらぷか@積読ハウマッチ/SSSAPIなど

フリーエンジニア/今はNuxt.js/いつかFlutter 受託&アプリ/Webサービス/ゲームを #個人開発 CS修士→SIer/R&D→フリー #paiza はAランクで満足/AtCoderしたい #DMでお仕事募集はお休み中 Kotlin/Python/Swift/Unity/Java/Haskell/DDD

コメント