jQuery
GoogleAppsScript
laravel
Ajax
ポエム

テニスプレイヤーがLaravelでWebサービス作ってみた_サービス編

概要

テニスプレイヤーがLaravelでWebサービス作ってみた_使用技術編で投稿したサービスの紹介です。

皆さんテニス好きですよね。私も好きです。そこでテニスプレイヤーのために、練習会の開催と参加ができるSNSのようなものを作りました。

Teniguru Tennis&SNS

正直に申し上げますと、オープンしたてなのでSNSなのに人がいない状況になっております。UIや機能面はそれなりに趣向を凝らしているので、ぜひ一度いじってみてください🙏🙏🙏

練習会を探す

index.png

練習会の検索画面です。ユーザーが投稿した練習会に自由に参加することができます。都道府県やフリーワード、自身のレベルによって練習会を絞ることができるので、個々のユーザーに合った練習会を簡単に見つけることができます!

各練習会の下段にあるのは主催者の名前です。クリックするとそのユーザーのアクティビティを表示することができます。

activity.png

自分がテニスする地域で練習会をよく開催しているユーザーをフォローすることができます。

練習会詳細

detail.png

練習会の詳細ページです。開催地や日時、練習会の内容、地図が表示されます。

ユーザーは下部のボタンから練習会へ自由に参加することができます。
主催者は専用メニューから参加者の管理を簡単に行うことができます。

detail_tmp.png

練習会を開催する

create.png

練習会の開催も簡単に行えます。参加者の本名や緊急連絡先など、円滑な開催にあたって事前に知っておきたい情報をユーザーに伝え、参加申請時に入力してもらうことができます。練習会開催の何時間前まで募集をかけるか決めることができるのも主催者にとって便利なポイントです。
下段の地図とプレビューはフォームに入力した内容に自動的に切り変わります。「探す」画面でどんな見た目になるか事前にだいたい知ることができます。

マイページ

mypage_cut.png

マイページで主催や参加した練習会を確認することができます。上部メニューにはプロフィール編集やTeniguru内メッセージの送受信、フォロー・フォロワーの管理を行えます。

フォローしているユーザーが練習会を開催したときにも通知されるので、自身に合った練習会を見逃すこともありません!

周辺探索

around.png

検索フォームに駅名や公園名などを入力すると、その地点からざっくり徒歩30分圏内の練習会や、そこで活動しているユーザーを検索することができます。交通手段が電車の方には非常に強力な機能となっています。

終わりに

至らない部分はあるかと思いますが是非いじってみて欲しいと思います!!!
ここまで読んでいただいてありがとうございました。