Pirate Island App Built With Flutter

Pirate Island

Are you a budding pirate & want to go on a journey to hunt treasures? Well, what are you waiting for! Register yourself on the Pirate Island, buy your Gears, choose a Map & set to sail ?

Youtube Demo: Pirate Island

Inspiration

AhoyHacks Hackathon aims to bring together developers from around the globe to build something unique on the weekend. The theme of the hackathon & its motive is what inspired us to create Pirate Island. Pirate Island is a land of pirates, developers ( who wanna be Pirates ) visit the island, register themselves, buy some pirate gear, and then set sail to hunt for treasure.

What it does

  • Pirate Island opens up with an Introduction Screen, which gives budding pirates a gist of all the app’s features
  • Logged in Pirates are directed to Pirate Shop from where they can buy their pirate gears i.e everything they need before starting their journey as a Pirate. The shop offers various categories like Hats, Robes, Weapons, Ships, etc
  • On selecting an item from the Shop, the user is navigated to ProductDetails. This screen offers a clean & minimalistic UI/UX to the user
  • The user can Buy products, add them to his Favourites inventory, Check-out. The User can view the Order history from the Profile tab
  • After selecting the gears, the Pirate can choose the Map he wants to explore & Hunt treasure

How we built it

  • The App ( Pirate Island ) is built using Flutter SDKs & Dart language. The Frontend was incorporated with Material-UI
  • We used multiple Flutter packages to give the application a good look and feel

Challenges we ran into

  • Since the theme of the hackathon was Pirates we thought to stick to it completely. We wanted to build something interesting & focussed more on the UI/UX & Flutter internals
  • Until now, we developed a few apps but this time we wanted to go beyond & build something on another level

Accomplishments that we’re proud of

  • We are proud of developing an application from scratch within a weekend
  • Creating a usable minimum viable product

What we learned

  • Gained insights into Flutter internals like Provider State management, Material Page Route, etc
  • Learned to embed Auth0 into a Flutter application

What’s next for Pirate Island

  • We invested most of our time building the UI & adding features to the app. Next, we will be adding user Login/SignUp using Auth0 authentication
  • We will also be using Twilio to incorporate communication features into our application

Tech Stack Used

  • Flutter SDKs & Dart
  • Material UI for Frontend
  • Firebase as Realtime Database

Screenshots

GitHub

View Github