/glass_house

オンラインマッチングSNSアプリを開発しました。

Primary LanguagePHP

glass house(2020-12-08から開発中)

glass houseはお酒を飲みながらフランクにzoom会話ができるビジネスマッチングSNSです。

http://glass-house-online.com/

スクリーンショット 2021-03-30 13 06 07 スクリーンショット 2021-03-30 13 12 57

Qiitaにも投稿しました!
ビジネスマッチングアプリを作成しました!【Laravel vue.js Docker AWS Circle CI】

課題

  • リモートワークが進んだ今、オフラインでの交流が制限される中、オンラインでのビデオ通話での交流が盛んになった
  • リモートワークで家に引きこもるようになり、全く人と喋らなくなった。
  • オフラインでの交流が制限された昨今、オンラインでの交流を深めていきたい
  • 「お酒 仕事 フランク」にをモットーにビジネスや人脈のきっかけを作りたい
  • コミュニティ内の交流を活発させるにはどうすればいいか?

解決

  • 自分を紹介すること(アピール)で自分の魅力や能力などを発信することができる
  • レビュー数、いいね数が多いユーザーは信頼性が増す
  • 「オンラインで完結する仕事」などの繋がりを増やすにはいい機会かだと思ったから
  • zoom飲み会は複数人でやるより、1対1の方が効率が良い(複数人だと声の遮りが入るから)

サービス概要

アプリのコンセプトは, 「お酒 仕事 フランク」」をテーマに作りました。

世の中がコロナでオンライン化が急速に高まったことにより、オンラインでの交流が活発になったこと、各業界でIT化がさらに進むようになり, 異業種(異職種)での交流が必要ではないかと考え、このサービスを作りました、

作った理由として

普段繋がれていない人とzoomででコミュニケーションを取るのは良いかなと思ったからです

興味ある人にzoomを使って、文字ではなく話し合いでコミュニケーションを取るべきだと思いました。

サービスの使い方

  • 「話してみたい」ボタンを押して、メッセージを送ります。
  • 相手からの「承認」されたら、zoomを自動生成します。
  • 相手と日程やテーマを話し合って、zoom会話します。
  • フランクに話したいので、お酒やおつまみなどがあると楽しめます。

マーケット

  • ビジネスマン、経営者、フリーランス・副業などのユーザーが対象
  • ビジネスツールとして活用していきたい

データベースER図

glass_house_online-Page-1

機能一覧

  • 認証機能

    • ログイン機能
    • ログアウト機能
    • ユーザー登録機能
  • CRUD機能

    • ユーザー一覧
    • ユーザー詳細
    • トークテーマ(一覧、詳細、編集、削除)
  • マッチング機能

    • 申請機能
    • 承認機能(zoomミーティング生成)
  • マイページ

    • マッチングリスト(申請者、承認者、zoomミーティング起動、日程調整、申請画面、メッセージ、レビュー投稿)
    • 投稿したトークテーマ一覧
    • いいねしたユーザーリスト
    • 相手からのいいねされたユーザーリスト
  • メッセージ機能

  • レビュ-機能

  • 部分検索機能

  • チェックボックスの活性・非活性(jQuery)

  • フラッシュメッセージ機能(登録・編集・削除)

  • モーダル機能(jQuery)

  • 下記はVue.jsを使って実装

    • いいね機能(axiosを使って非同期処理)
    • タグ検索機能
    • プロフィール画像プレビュー機能
    • レビューのスター評価

使用技術

  • バックエンド

    • php 7.4.13
    • Laravel 7.30.0
    • guzzlehttp/guzzle 7.2 (zoomAPIのときに使いました)
    • firebase/php-jwt 5.2
    • phpUnit 8.5
  • フロントエンド

    • HTML/CSS/Sass/JavaScript
    • jQuery 3.5.1
    • vue.js 2.6.12
  • インフラ

    • AWS(EC2 VPC IAM RDS Route53 CloudFormation S3 CodeDeploy ChatBot)
    • Docker 20.10.0 / docker-compose 1.27.4
    • Circle CI
    • mysql 5.7
  • 他に使ったツール

    • Trello(タスク管理ツールとして使いました)
    • AdobeXD(デザインのレイアウトを作るのに使いました)
    • Postman(APIの検証・生成・取得に使いました)
    • draw.io(データベースやAWSの構成図に使いました)

AWSインフラ構成図

今後追加したい機能

  • 条件を絞り込んだ検索機能
  • 通知機能(申請、承諾、メッセージ)
  • 申請時に相手にメール通知
  • レスポンシブ対応
  • 相手からの通知が来ている機能
  • ユーザーランキング
  • https化(SSL証明書)