Shrinkly

Uma plataforma abrangente de rastreamento de pegada de carbono que capacita os utilizadores a monitorizar o impacto ambiental, comprar compensações verificadas e participar em desafios de sustentabilidade.

Visão geral do projeto

Shrinkly é uma plataforma de sustentabilidade full-stack construída como um monorepo pnpm moderno com orquestração Turborepo. A plataforma permite aos utilizadores rastrear automaticamente a sua pegada de carbono a partir de transações financeiras, navegar e comprar projetos de compensação de carbono verificados, competir em desafios gamificados de sustentabilidade e conectar-se com uma comunidade eco-consciente. Construída com padrões de arquitetura de nível empresarial, a aplicação apresenta 126 componentes React organizados em design atómico, uma camada de API type-safe e infraestrutura de segurança abrangente.

Tamanho da equipe: 1

Duração: Ongoing

Horas de dev: 300+

Serviços utilizados

Development Product Design

Next.js 16React 19TypeScript 5Fastify 5ZustandTailwind CSS 4shadcn/uiZodRechartsFramer Motion & GSAPSupabaseTurborepo

iMac displaying Shrinkly features section

Qual era o problema?

O rastreamento individual da pegada de carbono continua inacessível para a maioria das pessoas — calcular emissões manualmente é tedioso e as ferramentas existentes carecem de envolvimento. Os utilizadores lutam para compreender o seu impacto ambiental, encontrar projetos de compensação verificados e manter a motivação para reduzir emissões. O espaço da sustentabilidade precisava de uma plataforma abrangente que combinasse rastreamento automatizado, funcionalidades de marketplace, responsabilidade social e gamificação para tornar a redução de carbono acessível e envolvente para utilizadores comuns.

Solução

Arquitetámos uma plataforma monorepo full-stack usando React 19 e Next.js 16 modernos para o frontend, combinados com um backend API Fastify 5 — tudo partilhando tipos TypeScript para type-safety de ponta a ponta. A solução emprega padrões empresariais incluindo componentes de design atómico, gestão de estado Zustand com slices modulares e middleware de segurança abrangente.

Construímos um frontend Next.js 16 com 35 rotas de aplicação cobrindo painel, transações, insights, desafios, compensações, objetivos, perfis e definições — organizados com padrões de design atómico

Desenvolvemos uma API REST Fastify 5 com documentação OpenAPI/Swagger, rotas type-safe usando validação Zod e cálculo automático de CO2 baseado em categorias de transações

Implementámos uma arquitetura de store Zustand unificada com 13 slices modulares substituindo 11 Context providers para desempenho melhorado

Criámos um marketplace de compensação de carbono com 18+ projetos verificados com carrinho de compras, histórico de compras e integração de verificação blockchain

Projetámos um sistema de desafios gamificado com tabelas de classificação, marcos, níveis de dificuldade (Fácil a Especialista) e mecânicas de recompensa para impulsionar o envolvimento dos utilizadores

Construímos infraestrutura de segurança abrangente incluindo proteção CSRF, limitação de taxa por endpoint, cabeçalhos CSP e Row Level Security no PostgreSQL do Supabase

Funcionalidade

O Shrinkly fornece aos utilizadores um painel intuitivo que exibe emissões de carbono em tempo real, desagregação por categorias (Transporte, Alimentação, Compras, Energia, Serviços) e análise de tendências mensais. A plataforma calcula automaticamente equivalentes de CO2 a partir de transações financeiras usando multiplicadores específicos por categoria, suporta importação em massa de transações e oferece recomendações com IA para reduzir a pegada de carbono pessoal.

Os resultados da nossa colaboração:

Painel de pegada de carbono em tempo real com visualizações interativas Recharts, análise de desagregação por categorias e métricas de comparação mês a mês

Sistema de gestão de transações com operações CRUD, cálculo automático de CO2 (6 multiplicadores por categoria), importação em massa de até 1.000 transações e filtragem/ordenação avançada

Marketplace de compensação de carbono com 18+ projetos verificados, fluxo completo de carrinho de compras, gestão de quantidades e acompanhamento do histórico de compras com verificação blockchain

Desafios de sustentabilidade gamificados com 4 níveis de dificuldade, tabelas de classificação de participantes, acompanhamento de marcos, desafios por categoria (7 categorias) e distribuição de recompensas

Funcionalidades sociais incluindo rede de amigos com gestão de pedidos, publicações comunitárias com gostos e comentários, painel de conquistas e personalização de perfil de utilizador

Sistema de definição de objetivos com acompanhamento de progresso, comparações de metas diárias, recomendações de redução com IA e preferências de notificação

126 componentes React reutilizáveis organizados em hierarquia de design atómico com base shadcn/ui (66+ componentes)

Resultados do projeto

35+

Páginas de aplicação com roteamento e navegação completos

126

Componentes React reutilizáveis em hierarquia atómica

Slices de store Zustand para gestão de estado modular

66+

Componentes shadcn/ui integrados e com tema aplicado

Mac Pro showing Shrinkly stats and mission section

Shrinkly pricing page with Free, Premium, and Family plans

Three Simple Steps — Choose Your Method, AI Analyzes Everything, Get Personalized Insights

Frequently Asked Questions about Shrinkly carbon tracking

Histórias de sucesso de clientes

Confiável por inovadores mundialmente

Não acredite apenas na nossa palavra — ouça o que os fundadores, as equipes e os líderes que construíram conosco têm a dizer.

“Eles não apenas criaram um aplicativo para nós — eles realmente entenderam por que nossos clientes compram da maneira que compram. Toda a experiência parece natural e nossas operações funcionam muito melhor agora. Honestamente, a plataforma se pagou nos primeiros meses.”
Pérola DumnuiCofundador, Mercearia Feliz
“Precisávamos de uma identidade visual que transmitisse modernidade e confiabilidade, sem ser entediante. O resultado foi perfeito — os designs são inovadores, mas também suficientemente sérios para uma plataforma digital de contratos. Isso nos deu a confiança necessária para apresentar nossa proposta a investidores com uma identidade refinada desde o primeiro dia.”
Equipe BuddySignBuddySign
“Nosso logotipo precisava comunicar-se tanto com jovens empreendedores quanto com investidores experientes. Uma tarefa nada fácil. Mas o design final simplesmente funciona — é vibrante o suficiente para transmitir entusiasmo e profissional o bastante para ser usado em documentos de parcerias governamentais. Recebemos mais elogios à nossa identidade visual do que a qualquer outra coisa.”
Equipe Startup NamíbiaStartup Namíbia
“Somos uma plataforma com inteligência artificial, então nossa marca precisava ter um ar tecnológico, mas sem ser intimidadora. O logotipo que eles criaram atinge esse equilíbrio perfeitamente: limpo, moderno e se adapta bem tanto ao cabeçalho de um site quanto a um pequeno ícone de aplicativo. Um briefing simples, mas eles executaram com maestria.”
Equipe MyAjarnMeu Ajarn
“Eles não apenas criaram um aplicativo para nós — eles realmente entenderam por que nossos clientes compram da maneira que compram. Toda a experiência parece natural e nossas operações funcionam muito melhor agora. Honestamente, a plataforma se pagou nos primeiros meses.”
Pérola DumnuiCofundador, Mercearia Feliz
“Precisávamos de uma identidade visual que transmitisse modernidade e confiabilidade, sem ser entediante. O resultado foi perfeito — os designs são inovadores, mas também suficientemente sérios para uma plataforma digital de contratos. Isso nos deu a confiança necessária para apresentar nossa proposta a investidores com uma identidade refinada desde o primeiro dia.”
Equipe BuddySignBuddySign
“Nosso logotipo precisava comunicar-se tanto com jovens empreendedores quanto com investidores experientes. Uma tarefa nada fácil. Mas o design final simplesmente funciona — é vibrante o suficiente para transmitir entusiasmo e profissional o bastante para ser usado em documentos de parcerias governamentais. Recebemos mais elogios à nossa identidade visual do que a qualquer outra coisa.”
Equipe Startup NamíbiaStartup Namíbia
“Somos uma plataforma com inteligência artificial, então nossa marca precisava ter um ar tecnológico, mas sem ser intimidadora. O logotipo que eles criaram atinge esse equilíbrio perfeitamente: limpo, moderno e se adapta bem tanto ao cabeçalho de um site quanto a um pequeno ícone de aplicativo. Um briefing simples, mas eles executaram com maestria.”
Equipe MyAjarnMeu Ajarn

“Chegamos com uma ideia vaga do que o WealthBeeing deveria ser e saímos com algo muito melhor do que imaginávamos. A equipe dedicou tempo para realmente entender o setor de consultoria financeira antes de escrever uma única linha de código. Esse esforço extra se reflete em todos os aspectos da plataforma — nossos clientes percebem a diferença.”
Padung SopatvorapongCofundador e Sócio-Gerente, Riqueza
“Projetar soluções para pagamentos B2B internacionais na África não é uma tarefa simples. Há fluxos de conformidade, casos extremos com múltiplas moedas e usuários corporativos que não têm paciência para interfaces de usuário complicadas. A equipe lidou com tudo isso e entregou algo que nossos clientes piloto realmente gostam de usar — o que é raro no setor fintech.”
Equipe AsantePayAsantePay
“O mercado de aluguel de carros na Namíbia é caótico — muita troca de mensagens pelo WhatsApp e zero transparência. Eu precisava de uma plataforma que atendesse tanto proprietários quanto locatários de veículos sem que nenhum dos lados se confundisse. Eles criaram exatamente isso, e o processo ágil nos permitiu testar funcionalidades com usuários reais e fazer ajustes rapidamente.”
Allen ManaseFundador, RentedWheels
“Chegamos com uma ideia vaga do que o WealthBeeing deveria ser e saímos com algo muito melhor do que imaginávamos. A equipe dedicou tempo para realmente entender o setor de consultoria financeira antes de escrever uma única linha de código. Esse esforço extra se reflete em todos os aspectos da plataforma — nossos clientes percebem a diferença.”
Padung SopatvorapongCofundador e Sócio-Gerente, Riqueza
“Projetar soluções para pagamentos B2B internacionais na África não é uma tarefa simples. Há fluxos de conformidade, casos extremos com múltiplas moedas e usuários corporativos que não têm paciência para interfaces de usuário complicadas. A equipe lidou com tudo isso e entregou algo que nossos clientes piloto realmente gostam de usar — o que é raro no setor fintech.”
Equipe AsantePayAsantePay
“O mercado de aluguel de carros na Namíbia é caótico — muita troca de mensagens pelo WhatsApp e zero transparência. Eu precisava de uma plataforma que atendesse tanto proprietários quanto locatários de veículos sem que nenhum dos lados se confundisse. Eles criaram exatamente isso, e o processo ágil nos permitiu testar funcionalidades com usuários reais e fazer ajustes rapidamente.”
Allen ManaseFundador, RentedWheels

“Criar um produto de IA é complicado porque a tecnologia precisa ser invisível para o usuário. Eles acertaram em cheio. Nossos recursos de detecção de tarefas fantasmas e de caminhos preferenciais são complexos internamente, mas a interface faz tudo parecer fácil. Usuários nos disseram que o Gilji é a primeira ferramenta de busca de empregos que realmente respeita o tempo deles.”
Equipe GiljiGilji
“Tínhamos uma ideia de marketplace, mas nenhuma noção clara de como ele deveria funcionar tecnicamente. Eles nos ajudaram a entender o fluxo de reservas, a integração de pagamentos, tudo — e construíram tudo rapidamente. Poucas semanas após o lançamento, os operadores de safári já estavam se cadastrando sozinhos, sem que precisássemos dar todo o suporte necessário. Isso é um bom design de produto.”
Equipe GoTwendeGoTwende
“Eles captaram perfeitamente a nossa essência. O logotipo representa tudo o que somos: jovens, enérgicos, mas ainda assim levados a sério. E a configuração do nosso espaço de trabalho no Microsoft 365? Transformou completamente a forma como nossa equipe colabora no dia a dia. Nota 10/10, recomendo sem hesitar.”
Olivia NamkombaDiretor-gerente, Juventude com Propósito
“Criar um produto de IA é complicado porque a tecnologia precisa ser invisível para o usuário. Eles acertaram em cheio. Nossos recursos de detecção de tarefas fantasmas e de caminhos preferenciais são complexos internamente, mas a interface faz tudo parecer fácil. Usuários nos disseram que o Gilji é a primeira ferramenta de busca de empregos que realmente respeita o tempo deles.”
Equipe GiljiGilji
“Tínhamos uma ideia de marketplace, mas nenhuma noção clara de como ele deveria funcionar tecnicamente. Eles nos ajudaram a entender o fluxo de reservas, a integração de pagamentos, tudo — e construíram tudo rapidamente. Poucas semanas após o lançamento, os operadores de safári já estavam se cadastrando sozinhos, sem que precisássemos dar todo o suporte necessário. Isso é um bom design de produto.”
Equipe GoTwendeGoTwende
“Eles captaram perfeitamente a nossa essência. O logotipo representa tudo o que somos: jovens, enérgicos, mas ainda assim levados a sério. E a configuração do nosso espaço de trabalho no Microsoft 365? Transformou completamente a forma como nossa equipe colabora no dia a dia. Nota 10/10, recomendo sem hesitar.”
Olivia NamkombaDiretor-gerente, Juventude com Propósito

Entre em contato

Vamos construir algo grandioso juntos.

Tem um projeto em mente? Preencha o formulário abaixo e entraremos em contato com você em 24 a 48 horas.

Resposta em 24 a 48 horas

Respondemos a todas as solicitações rapidamente.

Acordo de confidencialidade disponível

Suas ideias permanecem confidenciais.

Promessa de não enviar spam

Somente comunicações relacionadas ao projeto

Empresa

Serviços

Apoiar