Skip to content

dqu123/fullstack_coding_challenge

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tinder Full Stack Coding Challenge

Recreate the Tinder card stack in html/js/css.

At a minimum, this must:

  • Recognize swipe left and swipe right gestures (we recommend hammer.js for gesture recognition)
  • Render properly on an iPhone 6
  • Populate "cards" using data from a backend API endpoint (this can be static json)

Bonus points for:

  • Doing it all in vanilla js
  • Using node.js, go, or python for your backend
  • Making the site responsive so it works well on desktop and arbitrary screen sizes
  • Including a gamepad
  • Bringing up the It's a match! screen on right swipe
  • Adding cool features

Third Party Libraries:

We use react and angular internally, so including one of those in your submission is a plus.

If you're pressed for time you can submit your solution with a library like https://github.com/gajus/angular-swing doing the heavy lifting of card swiping logic, although we will deduct points for that. Reading the source of such a library for "inspiration" is totally fine though.

Evaluation:

We will be evaluating your submission on both the efficiency and readability of your code and the degree to which your product matches the native experience.

Please submit your solution as a pull request to this repository or email a zip directly to your recruiter, and include in it:

  • a link to your working example
  • how long this took you
  • what you would add/change if you had more time

Thanks, and have fun!

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.6%
  • HTML 1.8%
  • CSS 1.3%
  • Python 1.3%