# MisterTask | Projeto de software — DCODER

> Manutenção que não deixa vencer. Tarefas preventivas por segmento, alerta antes do prazo e comprovação por foto.

Canonical: https://dcoder.io/projects/mistertask/
Language: pt-BR
Publisher: DCODER

[DCODER](https://dcoder.io/)[Projetos](https://dcoder.io/projects/)MisterTask 
SaaS · Manutenção predial

Manutenção que não deixa vencer. Tarefas preventivas por segmento, alerta antes do prazo e comprovação por foto.

STATUS Em desenvolvimento 

TECNOLOGIAS PRINCIPAIS Next.js 15 Supabase WhatsApp PWA 

[Visitar projeto](https://mistertask.com.br)

[01 · Visão geral](https://dcoder.io/projects/mistertask/#overview)[02 · Funcionalidades](https://dcoder.io/projects/mistertask/#features)[03 · Arquitetura](https://dcoder.io/projects/mistertask/#architecture)[04 · Galeria](https://dcoder.io/projects/mistertask/#gallery)
[![MisterTask — Painel: o que vence, o que venceu e as obras em curso](https://dcoder.io/assets/cases/mistertask-painel-20260920.webp) 01 / Painel: o que vence, o que venceu e as obras em curso Ampliar](https://dcoder.io/assets/cases/mistertask-painel-20260920.webp)

01 CONTEXTO & ENTREGA 

## O produto por inteiro.

O MisterTask nasceu de um problema simples de enunciar e caro de esquecer: manutenção predial tem prazo legal, e quem perde o prazo paga multa. A plataforma traz bibliotecas de tarefas já prontas por segmento — condomínio, escola, hotel, indústria e academia —, avisa por WhatsApp e e-mail antes do vencimento e exige foto como comprovação do serviço feito. Um módulo de obras acompanha reforma e ampliação por fases, com encomendas, cotações e controle de materiais. O painel abre com o que vence, o que venceu e o que está em andamento, e a navegação se adapta ao segmento: no condomínio, "Locais" aparece como "Áreas".

### Escopo da solução

Tarefas pré-configuradas para condomínio, escola, hotel, indústria e academia, avisos por WhatsApp e e-mail, comprovação por foto, leitura de código de barras e módulo de obras por fases.

02 FUNCIONALIDADES 

## O que acontece na prática.

Recursos que conectam a experiência do usuário às necessidades da operação.

01 

### Biblioteca por segmento

Condomínio, escola, hotel, indústria e academia começam com o calendário de manutenção do seu ramo, não com uma lista vazia.

02 

### Aviso antes do vencimento

Resumo diário e avisos por WhatsApp, e-mail e push. O AVCB, o extintor e o laudo estrutural chegam antes de virar multa.

03 

### Comprovação por foto

A tarefa só fecha com registro visual, comprimido no próprio navegador antes de subir.

04 

### Obras por fases

Reforma e ampliação acompanhadas do planejamento à entrega, com encomendas, cotações e consumo de material.

05 

### Leitura de código de barras

Material entra e sai pela câmera do celular, sem digitação e sem aplicativo à parte.

06 

### Instalável no celular

PWA com ícone na tela inicial, para o zelador usar em pé, no corredor, sem abrir o computador.

03 ARQUITETURA & TECNOLOGIA 

## Por trás da interface.

Next.js App Router sobre Supabase, com RLS por organização

Next.js 15 com React 19 no servidor e no cliente, e Supabase como banco, autenticação, armazenamento e tempo real. O isolamento entre clientes é feito no banco, por Row Level Security, e não na aplicação. Os avisos saem por Edge Functions: WhatsApp pela Z-API e e-mail pelo Resend.

### Componentes da solução

- Next.js 15 (App Router, React 19)
- Supabase Postgres + Row Level Security
- Supabase Auth, Storage e Realtime
- Edge Functions para avisos
- Z-API (WhatsApp) e Resend (e-mail)

### Interface & aplicação

Next.js 15 React 19 TypeScript Tailwind CSS v4 shadcn/ui 

### Bibliotecas

TanStack Query TanStack Table React Hook Form Zod barcode-detector browser-image-compression React Email 

### Dados

Supabase Postgres Supabase Storage 

### Infraestrutura

Vercel Supabase Edge Functions Playwright Vitest 

### Integrações

Z-API (WhatsApp) Resend 

04 O PRODUTO EM TELAS 

## Explore os detalhes.

Telas reais do projeto. Selecione uma imagem para ampliá-la e navegar pela galeria.

[![MisterTask — Manutenções por categoria, com prazo e responsável](https://dcoder.io/assets/cases/mistertask-manutencoes-20260920.webp) 02 / Manutenções por categoria, com prazo e responsável Ampliar](https://dcoder.io/assets/cases/mistertask-manutencoes-20260920.webp)

## Seu contexto. Nosso próximo projeto.

[Vamos conversar](https://dcoder.io/#contact)