Remix

Make your own version of GF Market CRM

Edit the prompt below and generate a customized version in seconds.

Original by Diego Figueira da Silva

Describe your app

Dashboard, Landing Page, Internal Tool, Portfolio, SaaS App, Admin Panel. Target users: CRM de locais da mina empresa. Key features: Conexão com o Google maps, gestão de locais prospectados e visitados, controle de agenda com alertas.. Design: Minimal, Light & Airy, Corporate, Dashboard Style.

# Prompt GenMB — GF Market Solutions CRM

-----

## Cole este prompt no GenMB:

-----

Crie um sistema web responsivo (mobile + desktop) chamado **GF Market Solutions**, para controle de prospecção de condomínios. O sistema deve ter autenticação com login e senha, banco de dados real e as seguintes funcionalidades:

-----

### IDENTIDADE VISUAL

- Nome do sistema: **GF Market Solutions**
- Tema de cores inspirado na marca Mikro Market:
  - Cor primária: Azul escuro/marinho `#0A1F44`
  - Cor secundária: Azul médio `#1A3A6B`
  - Cor de destaque: Bege/madeira `#C8A96E`
  - Fundo claro: `#F5F0EB`
  - Texto principal: `#1A1A1A` (quase preto)
  - Branco: `#FFFFFF`
- Tipografia moderna e limpa (sans-serif)
- Logo: exibir o nome **GF Market Solutions** em destaque no sidebar e na tela de login, com ícone minimalista de loja/mercado na cor bege/madeira sobre fundo azul escuro
- Interface profissional, moderna e clean
- Sidebar de navegação lateral escura (azul marinho `#0A1F44`) com ícones e texto em branco e detalhes em bege/madeira
- Botões primários em azul escuro com hover em azul médio
- Cards e quadrantes com fundo branco, borda sutil bege e sombra leve
- Tela de login com fundo azul escuro, logo centralizada e campos claros
- Design mobile-first totalmente responsivo

-----

### AUTENTICAÇÃO E USUÁRIOS

- Tela de login com logo **GF Market Solutions**, campo de e-mail e senha, botão azul escuro
- Dois perfis: **Administrador** e **Usuário**
- O Administrador pode criar, editar e excluir usuários e definir perfis
- Tela de alteração de senha com campos: senha atual, nova senha e confirmação (com validação)

-----

### DASHBOARD (Tela Inicial)

Exibir 7 cards/quadrantes com quantidade e percentual (%) de condomínios em cada status:

1. Total de Condomínios
1. Não Visitados
1. Visitados
1. Retornar
1. Sem Interesse
1. Negociação
1. Fechados

Cada card mostra: ícone, nome do status, quantidade e percentual.
Exemplo:

> **Fechados** | 5 | 18,5%

Ao clicar em qualquer card, redirecionar para a tela de Condomínios com filtro de status aplicado automaticamente.

-----

### TELA DE CONDOMÍNIOS

Listagem com as colunas:

- Nome do condomínio
- Endereço
- Bairro
- Cidade
- Status (badge colorido por status)
- Data de visita
- Data de retorno
- Número de unidades

Filtros disponíveis:

- Data inicial e data final
- Tipo: Data de visita ou Data de retorno

Botão de ação: **“Importar Lista Google Maps”**

- Ao clicar, abrir modal para colar link de lista do Google Maps
- Extrair condomínios da lista, importar apenas novos registros (sem duplicidade)
- Valores padrão: Status = Não Visitado, Unidades = 0, Data cadastro = hoje, Data visita e retorno = vazio

-----

### CADASTRO DE CONDOMÍNIO

Três formas de cadastro:

**1. Via link do Google Maps**
Aceitar link curto, completo, iPhone, Android ou compartilhado. Extrair automaticamente: nome, endereço, bairro, cidade, estado, CEP, latitude e longitude.

**2. Busca por nome com autocomplete do Google Maps**
Campo com sugestões automáticas. Ao selecionar, preencher: nome, endereço, bairro, cidade, estado, CEP, latitude e longitude.

**3. Cadastro manual**
Formulário completo para preenchimento manual.

Campo obrigatório em todos os cadastros: **Número de Unidades** (apenas números, não permite salvar vazio).

-----

### STATUS DOS CONDOMÍNIOS

Com badges coloridos:

- ⚪ Não Visitado — cinza
- 🔵 Visitado — azul médio
- 🟡 Retornar — amarelo
- 🔴 Sem Interesse — vermelho
- 🟠 Negociação — laranja
- ✅ Fechado — azul escuro com bege

-----

### REQUISITOS TÉCNICOS

- Site responsivo (mobile-first)
- Banco de dados real (Firestore ou PostgreSQL)
- Integração com Google Maps API (Places Autocomplete + extração de dados por link)
- Autenticação segura com sessão por usuário
- Código limpo e preparado para escalar (futuro: franquias, multi-cidades, multi-estados, app mobile)

-----

Free to use. No credit card required.