MB
M3H Construtora
O M3H Construtora é uma plataforma que reúne funcionalidades tanto para os clientes quanto para os administradores da construtora. Na área pública, o site oferece páginas dinâmicas para cada projeto de construção, permitindo que os usuários conheçam o andamento e detalhes de cada obra. Também conta com uma página de contato para facilitar a comunicação com potenciais clientes. A área do cliente oferece uma visão detalhada do progresso dos empreendimentos, com informações como a porcentagem de conclusão de cada obra, boletos pendentes, observações sobre o andamento das obras e documentos importantes, como ofícios e relatórios. Essa área é voltada para a transparência e a organização das informações, proporcionando um acompanhamento completo dos projetos. Para os administradores, o sistema permite a criação e o gerenciamento de novos empreendimentos, emissão de boletos, agendamento de visitas e vinculação dessas ações aos respectivos clientes e empreendimentos, facilitando a gestão e garantindo que todas as informações estejam centralizadas e acessíveis de maneira organizada.
Detalhes do Projeto
Categorias e Tecnologias
Tecnologias
Fastify
Figma
Next.JS
Node.js
Postgres
Prisma
React
React Hook Form
Shadcn
Supabase
TailwindCSS
TypeScript
Vercel
Zod
Visão Geral
Este projeto demonstra minhas habilidades em diversas áreas e tecnologias. Explore os detalhes abaixo para entender melhor o escopo e a execução.
- Design by Agência Ade!
- Ver projeto
Gostou do projeto? Entre em contato para discutirmos como posso ajudar a trazer sua ideia para a realidade.
Fale comigoO Desafio
O projeto apresentou desafios tanto no back-end quanto no front-end. No back-end, a criação de uma API totalmente dedicada e externa exigiu aprendizado sobre boas práticas de deploy, configuração de ambiente e integração com serviços como o bucket do Supabase, utilizado para armazenar imagens, boletos e documentos dos clientes e empreendimentos. No front-end, um dos principais desafios foi a implementação de formulários complexos, utilizando React Hook Form para gerenciamento eficiente e Zod para garantir validações consistentes entre o front e o back-end. Outro ponto importante foi a implementação de um sistema de recuperação de senha por magic link, criado do zero. Esse sistema envolve a geração de um link seguro, enviado por e-mail, com um token armazenado no banco de dados e uma expiração de uma hora, garantindo a segurança do processo. Além disso, o projeto contou com diversos filtros dinâmicos, tanto na área pública quanto na administração, utilizando searchParams para controle das buscas e listagens. Isso exigiu um bom planejamento para garantir performance e usabilidade, permitindo que os dados fossem filtrados diretamente no banco e refletidos corretamente no front-end.
