FreeFire - Slot Machine
Tech Stack:
Vue2
,
Vuex
,
Vue i18n
,
Sass
Main Features:
- Users can spend some coins to do 1 or multiple draws on the slot machine.
- Users can turn on/off the background music.
- Users can skip the animation at any point of the drawing process.
Challenges:
- Dealing with legacy code written by a foreign team.
- Making a name mask that only appears if the full name of a prize is not visible.
- Customizing the Arabic version of the site to make it go from left -> right to right -> left.
- Creating a sophisticated touch-scroll behavior for the rewards modal and maintaining the position change with left/right arrows at the same time.
- Building a small styleless component library after finishing the project.