Tinder Style Frontend Developer Coding Task

September 27th, 2018

After the great success of the Senior Developer Task,¬†we’re excited to bring you more awesome new developer tasks to have a go at. We get all kinds of developer tasks when we look for a new contract and want to share our favourites with you. This week is a fun one. It’s really fun and mixes some interesting logic with some styling to test your CSS too.

Have a go and good luck!

 


 

The Developer Task

The aim of this exercise is to create a tinder style questions application using React. You should take no more than 1h to complete this task.

You should start by rendering one initial question, along the lines of the below illustration:

The question animation:

 

Features & Requirements:

  • There should be at least 6 questions.
  • When the user selects “yes” the question should animate out to the right.
  • The next question in the stack will move forward.
  • When the user selects “no” button the question should animate out to the left.
  • The next question in the stack will move forward.
  • Ability to go back to the previous question.