dcoder.
PT/ENVamos conversar

Marketplace · Pagamentos

Canoe

Experiências náuticas, conectadas. Um marketplace que reúne reservas, pagamentos divididos e operação em uma única plataforma.

STATUSEm produção
TECNOLOGIAS PRINCIPAIS
ReactSupabaseStripe ConnectPWA
Canoe — Catálogo de passeios — desktop
01 / Catálogo de passeios — desktopAmpliar
01CONTEXTO & ENTREGA

O produto
por inteiro.

A Canoe conecta operadores de embarcações a pessoas que querem reservar passeios náuticos no Brasil. Os anfitriões cadastram embarcações, preços e disponibilidade; os clientes exploram as opções, fazem reservas e pagam pela plataforma. A operação reúne venda de ingressos, embarque, comunicação e gestão financeira, com acessos distintos para administradores, anfitriões, navegadores, vendedores e clientes.

Escopo da solução

Reservas de passeios, gestão de diferentes perfis, pagamentos com Stripe Connect, check-in por QR code e experiência PWA.

02FUNCIONALIDADES

O que acontece
na prática.

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

Pagamentos divididos

O Stripe Connect direciona os pagamentos aos anfitriões e retém a comissão configurável da plataforma. A integração contempla cartão, Pix, eventos assíncronos e processamento de reembolsos.

Cinco perfis de acesso

Administrador, anfitrião, navegador, vendedor e cliente têm jornadas e permissões próprias, da gestão das embarcações à venda e validação dos ingressos.

Embarque por QR code

O navegador valida o código do passageiro durante o embarque. Uma função de servidor verifica o ingresso e registra o check-in com data e hora.

Experiência PWA

Aplicação instalável com cache de recursos para navegação offline, notificações e acesso pela tela inicial do celular.

Mensagens em tempo real

O chat conecta clientes e anfitriões para esclarecer dúvidas sobre reservas e organizar os detalhes do passeio.

Gestão do operador

Painel com reservas, calendário, disponibilidade, relatórios financeiros e cadastro do anfitrião no Stripe Connect.

03ARQUITETURA & TECNOLOGIA

Por trás
da interface.

Serverless + BaaS

A interface em React e TypeScript é distribuída com Vite. O Supabase reúne autenticação, PostgreSQL, armazenamento e funções Deno para a lógica de servidor. Políticas de acesso por linha controlam os dados de cada perfil. O Stripe Connect processa os pagamentos e notifica a aplicação por webhooks; Docker e nginx fazem parte da publicação no Railway.

Componentes da solução

  • React 18 + TypeScript (SPA)
  • Supabase Edge Functions (Deno)
  • Supabase Auth + PostgreSQL + Storage
  • Stripe Connect (Payments)
  • Railway + Docker + nginx (Hosting)

Interface & aplicação

ReactViteTailwind CSS

Bibliotecas

TanStack Queryshadcn/uiWorkboxReact Router

Dados

PostgreSQL

Infraestrutura

SupabaseRailwayCloudflare

Integrações

Stripe ConnectStripe CheckoutGoogle OAuthSupabase Edge Functions

Seu contexto.
Nosso próximo projeto.

Vamos conversar

Canoe
Falar no WhatsApp