🍅

リモートワークや勉強のお供に！誰かと繋がる作業タイマー「Pomunity」

に公開
Firebase
React
community
ポモドーロ
タイマー
idea

はじめに

Pomunity (Pomodoro + Community) は、複数のユーザーが同時にポモドーロタイマーを共有できるWebアプリです。個人用アプリは沢山あるのですが、記録を共有できるものはなかったので、自分で作りました！

リンクはこちら↑↑↑↑↑


bento UI

Pomunityの特徴

  • 選べるタイマーモード
    「ポモドーロタイマー」と「ストップウォッチ」の2つのモードから、自分の学習スタイルに合わせて選べます。進行状況は同じルームのメンバーとリアルタイムで共有されます。

  • Googleアカウント＆ゲストログイン
    Firebase Authenticationを利用し、Googleアカウントでログインすればどのデバイスでもデータを同期できます。また、アカウント不要ですぐに始められるゲストログインも用意しています。

  • インタラクション機能
    他のメンバーにリアクションを送ったり、応援メッセージでリアルタイムに交流できます。

  • お問い合わせ機能
    バグ報告や新機能リクエストは、設定画面からGoogleフォームを通じていつでも送信可能です。

使い方の流れ

  1. ログインする
    Googleアカウントでのログイン、またはゲストとしてすぐに始めることができます。まずはニックネームを設定しましょう。

  2. タスクを設定する

    参加中のメンバーから、誰がオンラインなのかリアルタイムで確認が可能です。

  3. タイマーをスタート
    「ポモドーロ（25分作業＋5分休憩）」または「ストップウォッチ（時間制限なし）」から好きなモードを選んで勉強を開始します。
    進行状況は全メンバーにリアルタイムで共有されます。

  4. インタラクションで交流
    作業中に応援メッセージを送ったり、絵文字リアクションで手軽にコミュニケーションできます。

開発背景

みんなで集中できる場所をリアルタイムに用意したい！ という思いからスタートしました。
Firebaseを活用することでサーバーレスかつリアルタイムなアプリを実現し、
気軽に共同作業ができる環境を提供しています。

使用技術

  • フロントエンド：Vite + React
  • バックエンド：Firebase（Auth, Firestore, Database, Functions, Hosting）
  • リアルタイム通信：Firestore onSnapshot, Database onValue

独自ドメイン取得に向け、ページ内に広告を掲載しています​🙏
ドメイン取得しました！

またUI/UXには非常に拘っていて、見やすさと使いやすさを求めています！

スマホのようなトグルスイッチ


ダークモードにも対応！

おわりに

まだまだアップデート中ですが、使ってみた感想や改善案も大歓迎です。
周りの人を誘ってみんなで集中できる、良い作業環境を作っていきましょう！

Discussion