Git Product home page Git Product logo

storm-webrain's Introduction

storm-webrain

ブレインストーミングの意見共有がオンラインでできるwebアプリ
https://storm-webrain.herokuapp.com/

DEMO

gif

Features

ターゲット: お互いが離れていて、オンラインで通話しながら会議をしているチーム等
このアプリは、「ブレインストーミング」で出たアイデアをメンバーと共有できるアプリです。
部屋を作成して、メンバーとアイデア出しをすることができます。

すべてのチャットが縦一列に表示されるチャットや掲示板とは違い、
WeBrainは投稿内容が一枚一枚のカードのように表示されます。 img

Usage

部屋を作成

「新規作成」ボタンを押すと、部屋が作成されます。
表示されたルームIDとパスワードをチームメンバーに入力してもらうと、同じ部屋に入室できます。

部屋に入室

作成者に教えてもらったルームIDとパスワードをトップページの入力欄に入力してください。
認証に成功すると、入室することができます。

新規部屋作成後

新規で作成した部屋に入室すると、「チャット一覧」と書かれた初期メッセージが表示されます。
表示されない場合は「再読み込み」ボタンを押すと表示されます。

既存部屋入室後

作成済みの部屋に入室すると、メンバーがこれまでに投稿したメッセージが表示されます。

チャットの投稿

文章を左下の入力欄に入力し、下の「送信」ボタンを押すとメッセージを送信できます。
送信したメッセージはリアルタイムでチームメンバーに反映されます。
メッセージは69文字まで送信できます。
png2

チャットの削除

ページ上部の「全て削除」ボタンを押すと確認メッセージが表示されます。
確認メッセージでOKを押すとチャットが全て削除されます。
チームメンバー全員に反映されるのでご注意ください。

メッセージの入れ替え(試験的)

投稿したメッセージをドラッグ&ドロップすると指定の位置に入れ替えることができます。
自分の画面にのみ反映されます。 gif2

Note

注意点

  1. 個人を特定できるような内容の投稿、公序良俗に反する投稿はお控えください。
  2. チャットの個別削除は開発中です。
  3. メッセージを残したくない場合は退出前にメッセージを削除してください。

storm-webrain's People

Contributors

kotaok avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.