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: