Case de Mobile

Guia Gazeta Machadense

App Flutter: guia comercial e central de avisos da cidade de Machado/MG.

Flutter / DartSupabaseHive (offline)Firebase PushMapasDesign System
Guia Gazeta Machadense

Machado/MG precisava de um app que reunisse o comércio local e os avisos da cidade (plantões de farmácia, promoções, notícias) em um só lugar — funcionando bem mesmo offline e sem exigir um backend próprio para manter. Os desafios: servir conteúdo dinâmico, atualizável pela redação, guardar as preferências do usuário no device e entregar avisos por push de forma confiável.

Guia Gazeta Machadense

O Supabase é a fonte da verdade (o app só faz select); o Hive guarda favoritos e notificações offline no device; e o Firebase entrega os avisos por push. O código é dividido em camadas dentro de lib/.

  1. 01
    Supabase como fonte da verdade

    Todo o conteúdo — comércios, categorias, banners, plantões e promoções — vive em tabelas no Supabase, e o app faz select direto. Sem servidor próprio no meio: a redação atualiza os dados e o app reflete, reduzindo custo e complexidade de operação.

  2. 02
    Hive para estado local e offline

    O que é do usuário — favoritos e histórico de notificações recebidas — fica salvo localmente com Hive. Assim os favoritos não somem ao fechar o app e os avisos ficam disponíveis offline.

  3. 03
    Firebase para push notifications

    Quando a prefeitura ou a redação dispara um aviso (plantão, promoção, notícia), o Firebase entrega no celular e o app salva no Hive para o usuário ver depois — entrega confiável mesmo com o app fechado.

  4. 04
    Organização por camadas (lib/)

    O código é organizado em camadas claras: pages (telas), repositories (acesso ao Supabase), core/services (notificações e armazenamento), core/theme (design system) e models (estrutura dos dados). O main.dart liga tudo na inicialização.

Navegação e experiência

A navegação é uma barra inferior com 5 abas — Home (mapa + categorias + banners + lista de comércios), Plantões, Promoções, Favoritos e Ônibus. Ao tocar num comércio, abre a tela de detalhe com fotos, mini-mapa e botões de WhatsApp, telefone, compartilhar e favoritar.

O resultado é um app leve e útil no dia a dia da cidade: o comércio local e os avisos num só lugar, com favoritos e notificações que funcionam offline e conteúdo atualizado em tempo real pela redação — tudo sem um backend próprio para manter.

Vamos conversar sobre seu projeto?

Próximo caseSimple Sale