自作アプリ#2　-マッチングアプリ-　match_app

男女のペアを見つけるマッチングアプリです。

気になる相手といいねを交わし合いマッチング状態になるとメッセージのやり取りができるようになります。様々な機能を学習することができるとアドバイスをいただき作成しました。

使用した技術

HTML5,CSS3,javascript,Ajax,jQuery,PHP,API

主な機能

･メール通知機能

いいねされたり、マッチングしたり、メッセージを送られたらsendgridを用いてメールを通知します。

・メッセージのチャット機能

 Lineのようにメッセージを送信時にjavascriptとpusherを用いてリアルタイムにメ　ッセージを反映できるようにしました。

・ユーザーブロック機能

ユーザーをブロックして以後表示しないようにします。設定ページにて解除も可能。

・stripeを用いた課金機能

ユーザーはメッセージのやりとりをするのに月額課金をしなくてはなりません。

課金ページへ誘導しカード情報などを入力。プライバシー情報はstripe側で保存されるようにしました。

・足跡機能

ユーザー詳細ページをどのユーザーが閲覧したかわかるようにしました。

その他

・アドレス・パスワード変更

・プロフィール編集

・ユーザー検索

※写真は全てフリー素材を使用しております。

https://match-app1241.herokuapp.com/

使い方

１.ユーザー登録

2.プロフィール登録

3.『探す』ページより気になる異性をクリックし、詳細ページより「♡」を押すことにより相手に通知が行きます。

4.相手からも「♡」を押してもらうことによりマッチングします。

5.有料会員でしかメッセージのやりとりができないためメッセージ画面か設定画面より有料会員登録（カード情報は4242 4242 4242など適当でOKです）

6.メッセージ画面よりメッセージのやりとりを行う