flutter-color_creative_so_1100x80
/ Apps

Dota 2 App using Flutter and Google Cloud

Dota 2 App using Flutter and Google Cloud

gcloud-flutter-dota-app

Dota 2 App using Flutter, Firebase and Google Cloud.

This is a pet project that born with the idea of having a nice subject to go through some Live Coding sessions. We are getting data from DotaBuff website to have more info about the heroes and latest matches.

That info is going to be used on the Flutter app to build different features, some of them are :

  • Show which heroes are good/bad against a given hero.
  • Show a rank of best heroes
  • Build both match teams and get recommendations while heroes are being picked.

Also we are going to build a Voice integration that will allow to access some of those same features from the app.

The live codings session happens in Portuguese (PT-BR) and you can follow on my Youtube/Twitch channels.

Getting Started

Node Setup

  • Install the latest LTS version of Node.js (which includes npm). An easy way to do so is with nvm. (Mac and Linux: here, Windows: here)
nvm install --lts

Firebase Setup

  • Install the Firebase CLI via npm. The following command enables the globally available firebase command:
npm install -g firebase-tools
  • After installing the CLI, you must authenticate. Then you can confirm authentication by listing your Firebase projects. Sign into Firebase using your Google account by running the following command:
firebase login
  • Test that the CLI is properly installed and accessing your account by listing your Firebase projects. Run the following command:
firebase projects:list
  • Test that the CLI is properly installed and accessing your account by listing your Firebase projects. Run the following command:
firebase projects:list

Google Cloud Tools and Project

  • Install gcloud CLI
  • Authenticate with Google Cloud:
    • gcloud auth login
  • Create cloud project — choose your unique project name:
    • gcloud projects create YOUR_PROJECT_NAME
  • Set current project
    • gcloud config set project YOUR_PROJECT_NAME
  • Set current project
    • firebase use YOUR_PROJECT_NAME

Flutter Setup

  • Follow the guide on their website.
  • Run the following command to make sure it's all good.
flutter doctor

Building & Running the project

  • Make sure you have the latest packages (after you pull): npm install
  • Deploy all the function from the functions directory.
    • There are deploy scripts on the package.json file.
  • To run the app, run flutter run on the dota_app folder

GitHub

Comments