taiki-fw / like-tinder-view Goto Github PK

• カード下部をタップした時に、カードの詳細を表示する。

• 右スワイプでlikeボタンと同じ操作

• 左スワイプでnopeボタンと同じ操作

カードが遷移して削除されないバグに対応出来る様に、Nope/Likeボタンが押された時、カードが画面から消える様に調整

カード下に

• Nopeボタン

• Likeボタン

• Nopeボタンを押した時

• Likeボタンを押した時

• カードにはユーザーの画像、ニックネーム、年齢を表示

• スマホのブラウザ環境で動作すること ... spデザインのみ

• カードにはユーザーの画像、ニックネーム、年齢を表示

• カード下にNopeボタン、Likeボタンを表示

• Nopeボタンをタップしたときはカードが左に流れるアニメーションが実行され、次のカードが表示される

• Likeボタンをタップしたときはカードが右に流れるアニメーションが実行され、次のカードが表示される

(Advanced)

• スワイプでカードを仕分けできる

• カードの下部をタップすると詳細画面を表示できる

pathの指定が恐らく間違えてる

• ユーザーが行うアクションでの連続タップが可能になっている

• reactのcssベンダーの対応ブラウザバーションが最新のchromeに対応していないのでspで動作しない。Post-Processing-CSSで対応させる