Puzzle Hack

GIF
Responsiveness demo

Inspiration

I have been developing apps using Flutter for almost two years. It's always exciting for me to develop an app and run it on my phone. This is my first Flutter Hackathon. In addition to that, this is my _ first _ game development using flutter.

What it does

It is a simple slide puzzle game, where the player has to arrange the squares into sorted order.

How I built it

This game is built using the Flutter framework, which is a cross-platform framework for developing apps that can be run on multiple platforms. In addition, it is using some other third-party packages from the open-source community. 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

Challenges I ran into

The most challenging part was the algorithm of the game and the responsive behavior of the user interface.

Accomplishments that we're proud of

First time using flutter for game development. I am proud to be a full-time flutter developer.

What I learned

Game development & responsive UI design.

What's next for Puzzle Hack

Right now, this app has been tested on iOS, Android, Google Chrome, and Firefox browsers with no issues. But with the Safari browser, the app is not working as expected. There might be some imitation of flutter support for the Safari browser. If there is any solution, then I will fix my app to run smoothly on the Safari browser too.