Challenge

For this beginner challenge, create this simple chess board:

Open preview in a separate page

Starter Project

You can grab the starter project for this challenge here:

c006_chess_board_starter.zip
v0.1.0, updated: 2025-01-07

Check the README for how to use it.

Primary Goals

Create a 2D chess board:

• All tiles should have the same size
• Alternate the colors so it looks like a chess board
• The board should always be square regardless of the window size

Stretch Goals

• Add the row numbers (1 to 8) and column letters (a to h)
• The size of the numbers and letters should scale proportionally with the board size

What You Will Learn

• How to work with Stack and other positioning widgets

Useful Links and Resources

Official resources from Flutter.dev:

• Stack class
• Positioned class
• CustomPaint class