Giter Site home page Giter Site logo

dic_exercise_grad's Introduction

README

Raynee

README用のRayneeロゴ

アプリケーションURL

アプリのQRコード▼

QRコード

概要

雨の日に人と人のつながりが生まれる傘シェアリング&マッチングサービスです。
傘を持っていないユーザーが自分のいる場所に近いユーザーを探してリクエストを送信し、
相手から承諾されたのちに直接メッセージのやり取りができるようになります。

このサービスを作ろうと思ったきっかけ ☔︎

天気予報を確認しないまま傘を持たずに家を出てしまい、目的地に着く頃には土砂降りの雨。
駅構内のコンビニでビニール傘を買ってしのいだものの、帰る頃には雨が止んでいた...

こんな経験ありませんか?

気づいたら家の玄関に新しいビニール傘が溜まっていく一方。
もし、傘が必要な時に自分の近くにいる知らない人が相合傘してくれたら、どんなに素敵な世の中でしょうか。
ふとそう思ったのがこのアプリを作るきっかけでした。

傘を無駄に購入する必要なくちょっとした出会いのきっかけにもなるサービス。

それがRaynee☂️です。

バージョン

Ruby 2.6.3
Rails 5.2.4

機能一覧

  • ログイン機能
  • ユーザー登録機能
  • ユーザー検索機能
  • プロフィール編集機能
  • リクエスト承諾通知機能
  • キャンセル通知機能
  • マッチング機能
  • メッセージ機能

スクリーンショット

スクリーンショット

使い方

  1. スマホとPC/Mac、もしくは2種類のブラウザを用意してそれぞれ以下のURLにアクセスします。

    URL▼
    https://raynee.herokuapp.com

    QRコード▼
    QRコード
  2. 一方を「サンプルユーザーA」でログインし、他方を「サンプルユーザーB」でログインします。
  3. それぞれ「利用を開始」をクリックします。
  4. サンプルユーザーAでログインした方のデバイスのユーザー一覧からサンプルユーザーB(サンプルBちゃん)を見つけてクリックし、「この人にリクエストを送る」をクリックします。
  5. サンプルユーザーBでログインした方のデバイスのリクエスト一覧にサンプルユーザーAが表示されるのでクリックし、「承諾する」をクリックするとメッセージ画面に移動します。
  6. サンプルユーザーAでログインした方のデバイスにリクエストが承諾された旨の通知が表示されるので、この通知をクリックし、「お願いする」をクリックするとメッセージ画面に移動します。
  7. マッチング完了です。それぞれのユーザーからメッセージを送り合ってみてください。

カタログ設計

こちらで確認できます

テーブル定義

こちらで確認できます

ER図

ER図

画面遷移図

画面遷移図

画面ワイヤーフレーム

https://docs.google.com/spreadsheets/d/1RfgUJXfSwmt3_wmU9-IuWb5Uab-FeYfrTjCGFCquHQo/edit?usp=sharing

使用Gem

ログイン系

  • devise

画像投稿

  • CarrierWave
  • MiniMagick
  • fog-aws

検索機能

  • ransack

デバッグ

  • pry-rails

テスト

  • rspec-rails
  • factory_bot_rails

dic_exercise_grad's People

Contributors

sakitayu avatar

Watchers

 avatar

Forkers

nakatsubo

dic_exercise_grad's Issues

ユーザー一覧に存在しないユーザーの詳細ページを見ようとするとユーザー一覧にリダイレクトされるようにしたい

例えば...
リクエストキャンセルしたユーザーが一覧表示に残ったままだった場合に、
傘もちユーザーがそのユーザーの詳細を見ようとしても見れないようにしたい。
傘なしユーザーが他の傘なしユーザーの詳細ページを見ようとすると一覧にリダイレクトされるなど、
傘なしユーザーの場合は相手が傘ありユーザーで現在利用中かどうか、
傘ありユーザーの場合は自分をフォローしているかどうかを条件に分岐させると良いかと思います。

topページを作成

ランディングページとして傘を持っているユーザーと傘を持っていないユーザーを
地域を絞って簡易的に表示したい

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.