Challenge

Engaging multiple users in a dynamic and visually appealing voting session for selecting movies can be challenging. The interface needs to be intuitive, interactive, and capable of handling swipe gestures seamlessly. Creating an engaging user experience requires meticulous attention to detail, particularly in animation and interactivity.

Approach

My approach revolved around crafting a Flutter app that facilitates efficient movie voting and captivates users with its smooth animations and intuitive UI. I focused on customizing Flutter widgets to achieve the desired Tinder-like swipe card style for voting and a stylish pop-up window for displaying movie details.

● Utilizing Hero Widget for Stylish Pop-up Cards

To enhance the user experience further, I leveraged the Hero widget to implement stylish pop-up cards that display detailed information about each movie. 

● Customizing Dismissable Widget for Swipe Cards

I customized the Dismissable widget to create a dismissible stack, enabling users to swipe through movie cards effortlessly. Each card represents a movie option, and users can swipe left or right to cast their votes. 

● Attention to Animation Details

I paid close attention to animation details throughout the app. From the subtle card movements during swiping to the upvote and downvote animation, every detail was carefully crafted to enhance the overall user experience.