Spin around millions of products, from breakfast, through lunch, to dinner, with FoodSpin you can get what you want right in your house. Order now!
Based on the video, i want to to recrerate the project! I Just download the Figma file created by the user and start coding it, using just HTML5, CSS3 and JavaScript!
I've used Trello for organize tasks, and after a project analysis, i've just start studing math 😟 for understand how to position each dish on the spinner wheel. After it, i've create a JS file initSpinner.js
where i write (obv) initialize the spinner with dishes on it :whitecheck_mark:
After this, i've just positioning all the elements (at the very first time, i've use absolute
position, but for a _better experience, i've converted all with Flexbox
).
Now it's all positioned!
WELL DONE, MY MAN! 👊
And now it's time for the magic!
Combining JS and CSS3 i've added some beautiful animations, and all works well, i guess.
I'm now working on CSSs media queries for give a nice experience in all devices, but if you want to have a look at the project, you can find it at the link below!
Have a great spinning 😉