2020-05-22に投稿

そろそろ飽きてきたオンライン飲み会を「少しだけ」盛り上げられるかもしれないWebアプリ

何これ

「オンライン飲み会って話すの難しい...」という隠キャの自分のために、つくりました。

OGP画像はcanvaでしゅっと

某zoom LIKEなデザイン、かつ好きな(LIKE)ことを投稿して、好きな(LIKE)話題をオーナーが選んで飲み会を回します。

URLはコチラ
noom のーむを始める


使い方

image.png

部屋をつくる:ユーザー登録なしで作れます
じぶんが使う側で、オンライン飲み会をはじめよう!という時にユーザー登録するの面倒だと思ったので、ワンタップで作れるようにしました。

(ユーザー登録導線を作るのが面倒だった、というのは秘密です。)

image.png

メンバー用の部屋URLはここからコピーして回してください。

image.png

一応このアプリには「オーナー画面」と「メンバー画面」があって、オーナー画面はMC用でみんなの投稿が見えます。

「話題選ぶの面倒だな〜」と思ったらランダムに選ぶボタンから、この部屋に投稿されたなかからランダムに1つだけ抽出します。

もちろんオーナー自身も投稿することができます。

image.png

また、この質問を誰に投げるか? というのもランダムで一人選べます。

ユーザーは1部屋につき10人までオーナーが好きなタイミングで投入できます。なので、とりあえず部屋だけ作って、人が集まったらそこに人を入れる、みたいな感じで使えます。

技術

・以下を使っています。
 - React.js
 - Material UI
 - Firebase, Firestore, Function(一部)
 - jest
・とにかくFirestoreを使ってみたかった、のとフルMaterial UIで何か作りたかったという動機です。

注意事項

・firebaseの無料枠でお試しで作ったアプリケーションです。途中で落ちたらごめんなさい。
・レスポンシブにできてない部分もあり、基本スマホ向けのレイアウトになっています。

最後に

本サービスのURLはコチラ
noom のーむを始める


タガミショウゴ.dev

KO → Gaiax → SB → jiraffe → Atrae 1. エンジニア(Rails, React, TS, Vue, Flutter, Firebase) 👨‍🎤 2. 事業 × 開発 × デザイン 👨‍💻 4. デザインとアプリ開発 🖌

コメント