Tic Tac Toe with Flutter and Dart Frog Workshop

Overview

Create a Tic Tac Toe game with Flutter and Dart Frog.

Getting Started

Install Globe

Install Globe, Melos and Dart Frog CLIs using the command below

dart pub global activate globe_cli
dart pub global activate melos 
dart pub global activate dart_frog_cli

Bootstrap

Initialize your project in a new directory using the command below

git clone https://github.com/verygoodopensource/flutter_and_friends_tic_tac_toe.git

cd flutter_and_friends_tic_tac_toe
melos bootstrap

Now open the project in your favorite IDE.

Start Dart Server

melos backend
# or `dart_frog dev ..` in the backend directory

Start Flutter Project

melos frontend
# or `flutter run ..` in the frontend directory

Deployment

Deploy Backend

cd backend
globe deploy

Deploy Frontend

Note: The frontend needs to be able to connect to the backend. The easiest way to do this is to deploy the backend first, and then deploy the frontend with the backend used URL in your Flutter code instead of using localhost:8080.

cd frontend
globe deploy