Build your own version of the below game and add the fun(challenging) CSS animations:
Last month, I discovered something fun: https://www.datenightquestions.com/
If you click on the above link, you will see that this website has a card animation to drag and flip the questions (cards). In this challenge we are going to try and recreate this effect on our own projects!
-
You will need to create a deck of cards, then make the cards "flip" when you drag and drop. You should be able to achieve this effect with many types of JS libraries (or even pure CSS). The challenge is to use google and figure out how you can do it on your own. Good luck!
-
Use whatever tools you have as developers (google, friends, Discord, programming buddy etc...) but I will not be offering any help with this challenge. Just like a developer, you must solve a problem and create something unique. Nobody will hold your hand during the job so we want to experience that by figuring it all out on your own with your team.
Student Submissions will be posted here at the end of the challenge:
Daniel Hadhazi#4939
Github Repo
https://github.com/Dhadhazi/date-night-questions
JamesUnderPressure#2667
Github Pages
https://haddockj.github.io/codingchallenge/
Yogi#0269
Github Pages
https://yogi1917.github.io/Melbourne/
Hristijan#2092
Heroku Deployment
https://quote-generator-hg.herokuapp.com/
Evan#0575
Other Link
https://master.d7vp4hauoyn5j.amplifyapp.com/
trulli90#0606
Github Pages
https://anjakhan.github.io/interview_qa/
daniel1david Github Pages https://daniel1david.github.io/coding-challenge-34-ZTM/
Please note: As with all of our challenges, there is zero benefit or monetary gain we receive from it. This is just our way of extending the classroom and making sure that you are able to continue gaining valuable knowledge outside of the courses.