Web Front-end Team, Pairsのインターン選考の技術課題の回答例
- スマートフォンのブラウザで動作すること
- カードにはユーザーの画像、ニックネーム、年齢が表示される
- カードの下にいいね！ボタン、スキップボタンが表示される
- いいね！ボタンをタップしたときはカードが右に流れて消えるアニメーションが実行される。その後に次のカードが表示される
- スキップボタンをタップしたときはカードが左に流れて消えるアニメーションが実行される。その後に次のカードが表示される
- スワイプジェスチャーでいいね！・スキップができる
- カードの下部をタップするとお相手の詳細画面へ遷移して表示される。カードへ戻ることができる
create-react-appで作成し、ejectしたサンプルコードです。
node v12.13.0
npm v6.12.0
上記環境の構築には何を用いても問題ないです。
上記動作推奨環境を整えた後、
ディレクトリ直下でnpm installをしてnode_modulesをインストールした後、
npm startで起動して、http://localhost:3000にアクセスしてください。
デスクトップでスマホ画面を再現する場合、ブラウザの開発者ツールも用いてください。