MLZ-Advanced
Uma plataforma de ponta a ponta para vendas de terrenos e imóveis: captura pública de leads, jornada do cliente baseada em mapas e um amplo console interno para inventário, vendas, pagamentos e aprovações.
Next.js 16
React 19
TypeScript
Prisma + MongoDB
Mapbox GL
SCSS
Recharts
Visão geral
O MLZ-Advanced é a plataforma operacional por trás de um negócio de vendas imobiliárias. Um dos lados é voltado ao público e aos clientes: landing pages, um navegador de projetos e lotes baseado em mapas e um fluxo de interesse de compra com verificação por telefone. O outro lado é um console interno aprofundado, onde a equipe gerencia toda a operação de vendas, incluindo inventário, clientes, solicitações de compra, pagamentos, aprovações, relatórios e comunicação. É uma aplicação de grande porte e longo prazo, entregue como um progressive web app e executada de forma bilíngue em árabe e inglês.
O Problema
As vendas de terrenos e lotes envolvem muitos estados que são difíceis de manter em ordem. Cada lote tem preços, dimensões, orientação, propriedade, serviços públicos e um status que muda à medida que avança para uma venda. Os clientes progridem de lead a oportunidade e comprador, os pagamentos chegam em diferentes estruturas e precisam de aprovação, e muitas ações precisam de aprovação, incluindo revendas, cancelamentos e alterações de permissões. Fazer isso através de planilhas e ferramentas desconectadas não escala. A empresa precisava de um sistema único que lidasse com a jornada voltada para o público e o maquinário interno, com a trilha de auditoria e as aprovações das quais depende uma operação imobiliária.
Meu Papel e Abordagem
Este é um grande projeto de equipe que cresceu ao longo de um longo período, e eu trabalhei como engenheiro de front-end nele. A base de código é organizada de modo que públicos muito diferentes, o público, os clientes e a equipe interna, compartilhem uma implantação enquanto permanecem claramente separados por grupo de rotas e permissão. Grande parte do meu trabalho de front-end se concentrou nas superfícies com muita interação: mapas, editores em lote, gráficos e as vistas detalhadas e densas onde a equipe realmente faz seu trabalho, construídas como client components em cima de dados controlados por acesso renderizados no servidor.
Stack Tecnológica
Principais Funcionalidades
Galeria
Desafios e Soluções
A plataforma atende a três públicos a partir de um único aplicativo, o que é fácil de errar. A estrutura se baseia nos grupos de rotas do Next.js para manter o site público, a jornada do cliente e o painel interno isolados por função e permissão, compartilhando uma única implantação. O próprio layout do painel carrega o usuário atual, deriva os módulos de seu departamento e filtra a navegação de acordo.
O desempenho sob volume real de dados era a outra pressão constante. O inventário de terrenos significa listas extensas, mapas pesados e páginas de detalhes densas em dados, então o aplicativo mantém a busca de dados e a autorização no servidor e reserva os client components para as partes genuinamente interativas: mapas, editores em grade para alterações em lote, gráficos e modais. As listas virtualizadas mantêm as tabelas longas responsivas, e os dados do mapa passam por conversão GeoJSON para que os lotes sejam renderizados como objetos espaciais reais, em vez de imagens estáticas.
Resultado
O MLZ-Advanced é um sistema abrangente que leva um negócio imobiliário desde um visitante público até uma venda concluída, aprovada e paga, com os detalhes do inventário, a profundidade do CRM e as trilhas de aprovação de que essa operação necessita. Sua longevidade e escala, uma base de código de vários anos e alta atividade, apontam para uma plataforma que realmente administrou um negócio, em vez de um protótipo.
Tem um problema de produto semelhante?
Compartilhe o produto atual, o resultado que você precisa e as restrições que já estão no caminho. Usarei isso para definir um primeiro marco sensato.
Contratar um desenvolvedor full stack