Ficha 02 · FlutterFlow + Thunkable + publicação

Exercício 1 · FlutterFlow setup

Cria conta em flutterflow.io. Cria novo projecto "Café Order" com template "Blank". Conecta Firebase (cria projecto Firebase free se necessário).

Resposta:

Exercício 2 · UI cards de produtos

Em FlutterFlow, cria página "Menu": - AppBar com título "Menu". - ListView vertical. - Cada item é Card com Image, Title, Price, Button "Add to cart".

Dados mock (hardcoded ou Firestore com 3-5 produtos).

Resposta:

Exercício 3 · Estado do carrinho

Adiciona ao FF app: - Variável global "cart" (lista de products). - Botão "+" do menu adiciona ao cart. - Página "Cart" mostra items + total. - Counter no AppBar mostra número items.

Resposta:

Exercício 4 · Auth Firebase

Adiciona Login + Signup à app: - Splash → check logged-in → Home ou Login. - Login: email + password, "Sign in" + "Create account" link. - Signup: nome + email + password + confirm. - Profile: nome + email logged-in user.

Resposta:

Exercício 5 · Push notification (FCM)

Activa Firebase Cloud Messaging na app. Envia uma test notification do Firebase Console à app.

Resposta:

Exercício 6 · Thunkable — block-based

Cria conta em thunkable.com (free). Cria app simples "Tip Calculator": - Input: valor da factura. - Slider: % de gorgeta. - Output: total + gorgeta.

Resposta:

Exercício 7 · Privacy policy + screenshots

Para qualquer das apps anteriores, prepara assets de publicação: - Política de privacidade (URL public). - 4 screenshots (telemóvel). - Ícone alta-res (512x512). - Descrição curta + longa.

Resposta:

Exercício 8 · PWA install + comparação

Pega 2 apps que fizeste (Glide + FlutterFlow ou Adalo). Instala como PWA em telemóvel. Compara: visual, performance, "feel". Escreve uma página resumindo prós/contras.

Resposta: