feat: create wheel spinner project guide

pull/757/head
Khairunnisa 2 years ago committed by GitHub
parent 08b771c863
commit d6f58d759e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -0,0 +1,32 @@
# Wheel Spinner
**Tier:** 1-Beginner
Wheel spinners will help you to make random decisions, such as choosing a restaurant to eat at, deciding who goes first in a game, or picking a random item from a list
## User Stories
- [ ] User can add multiple value to the wheel
- [ ] User can click the wheel to spin it
- [ ] User can display the pop up to show the selected value of the wheel
## Bonus features
- [ ] User can add sound when the wheel is spinning
- [ ] User can remove the value after being selected
## Useful links and resources
To create wheel spinner ofcourse you need 2 main thing. animation, and rotate transformation. so maybe you could deep dive into this resource to help you build this project
- [MDN Transform Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate)
- [CSS Rotate Property by W3Schools](https://www.w3schools.com/cssref/css_pr_rotate.php)
- [CSS Animation W3Schools](https://www.w3schools.com/css/css3_animations.asp)
- [CSS Tricks Animation](https://css-tricks.com/almanac/properties/a/animation/)
## Example projects
[wheel of names](https://wheelofnames.com/)
[The Wheel of Lunch by Pat McKenna](https://codepen.io/blimpage/pen/jEWPeV)
Loading…
Cancel
Save