Flutter Puzzle Hack
This game is for the “Flutter Puzzle Hack” contest, 2022. It is a simple slide puzzle game, where the player has to arrange the squares into sorted order. This game is built using the Flutter framework, which is a cross-platform framework for developing apps for multiple devices. Right now, this app has been tested on iOS, Android, and Google Chrome browsers.
In addition, it is using some other third-party packages from the open-source community. Thanks to those open-source developers for their amazing packages. Those packages are:
audioplayers: ^0.20.1 // for playing sound
clay_containers: ^0.3.2 // for neumorphic design
day_night_switcher: ^0.2.0+1 // for animated switch
font_awesome_flutter: ^9.2.0 // for icons
google_fonts: ^2.3.1 // for fonts
provider: ^6.0.2 // for app state-management
responsive_framework: ^0.1.7 // for responsive UI
responsive_sizer: ^3.0.5+1 // for responsive container
rive: ^0.8.1 // for controlling rive animation file
Playing Guide
|
The above picture is showing the “Puzzle Hack” game running on an android device. It’s also presenting all the functionality of the game. Like:
- Dark/Light mode switch
- Sample image of a sorted board
- Total number of ‘Moves’
- ‘Reset’ button
- Dropdown menu for ‘Mute’ & and ‘Info’ functionality
- Animated ‘Dash’. Click it for the magic!
- Timer
Puzzle Hack Demo
| Light Mode (iPhone 8 Simulator) | Dark Mode (iPhone 8 Simulator) |
|---|---|
 |
 |
| Google Chrome |
|---|
 |
File Pattern Inside The 'lib' Folder
lib
├── app
│ ├── provider
│ │ ├── appinfo_provider.dart
│ │ ├── sound_provider.dart
│ │ └── theme_provider.dart
│ ├── view
│ │ └── puzzle_game.dart
│ ├── widget
│ │ ├── util
│ │ │ ├── design
│ │ │ │ ├── arrow_clipper.dart
│ │ │ │ └── neumorphic_button.dart
│ │ │ ├── dropdown_menu.dart
│ │ │ ├── grid_container.dart
│ │ │ ├── move.dart
│ │ │ ├── reset_button.dart
│ │ │ └── timer.dart
│ │ ├── grid.dart
│ │ ├── menu_items.dart
│ │ ├── picture_and_animation_row.dart
│ │ ├── top_appbar.dart
│ │ └── winning_card.dart
│ └── .DS_Store
├── generated_plugin_registrant.dart
└── main.dart
