This challenge is intended to be done at home and should take several hours. The challenge requires you to fork the Yup Frontend repository, and make revisions.
We will schedule a review session afterward via video call. We will ask you to discuss your solution and explain your design choices to us.
Be sure to commit all of your changes to GitHub as you go. Fork the Yup Frontend repo and share it with Vernon, Dani, and Nir . Our GitHub usernames are verminator23, daniiba, ****and pinkhoodie.
Please do not share this challenge or your solution to it to anyone else.
You will refactor the voting grid on the Yup web app to use a Medium-style like button to express ratings rather than the 5-dot system. The Yup protocol supports dislikes and likes, with varying degrees of extremity (1-2 for dislikes, and 3-5 for likes). Typically a user will select their rating by simply clicking the number of dots on a post. With the new system, users will hold down a single button to do a rating. The longer the user holds down the rating button, the higher the rating. And for dislikes, a user will hover over the like button and click a minus sign. If a user clicks the minus sign, the rating is negative; and if they follow-up with a positive rating the rating will increment by 1 and become positive.
(bottom: on hover)
Whenever a user presses and holds the like button the rating should increase on a constant time basis (e.g, 1 unit increase per second).
A tooltip with a minus sign should be displayed whenever a user hovers over the like button. When clicking the minus sign the rating should be deducted by 1.