GMU SWE 632 (User Interface Design and Development) Lottery Web App Project

Afrina Sharmin, Suzzana Rafi, Pablo L. Guerra

The SWE 632 Lottery Web App is a basic gaming site where users can engage in playing Wheel of Fortune and Scratch Cards to win virtual currency and unlock GMU merchandise.

Play to Win:

https://plguerradesigns.github.io/swe_632_lottery/

Features:

• Theme mode toggle button to switch between light and dark mode.
• Coin counter to keep track of the player's virtual currency.
• Game menu where players can choose to play either Wheel of Fortune or Scratch Cards.
• In Wheel of Fortune, players can spin the wheel by clicking on the spin button or by dragging the wheel. The prizes can be reshuffled by clicking on the 'Shuffle Prizes' button.
• In Scratch Cards, players can scratch the card by clicking a cell or by dragging the mouse over the cells.
• On the Unlocked Rewards page, players can view all rewards, their prices, and whether they have been unlocked or not. The list of rewards can also be filtered and sorted.
• On the Game Analysis page, players can view their statistics on their coin earnings, games played, and rewards unlocked. The statistics can be viewed in a table or a bar chart.

Showcase:

Spin the Wheel

Shuffle Prizes

Scratch the Card

Swipe to Dismiss Card

Pay to Unlock Reward

Toggle Theme Mode

Getting Started with Development:

Install Flutter:

https://docs.flutter.dev/get-started/install

Run App:

flutter run

Learn More:

Flutter Documentation: https://docs.flutter.dev/get-started/learn-more

Material Design: https://m3.material.io/

GMU Branding: https://ocm.gmu.edu/mason-brand/visual-identity-and-style/color