A engenharia por trás da Anto
Arquitetura full-stack, IA conversacional e mensagens em tempo real, pensadas para um uso confiável no dia a dia.
Stack tecnológico em produção
Bibliotecas e serviços que movem o aplicativo, a API e este site.
React Native (Expo) → Express.js / Socket.IO → MongoDB → OpenAIFrontend móvel
- React NativeiOS e Android
- Expo
- TypeScript
- React Navigation
- Socket.IO
- Expo Notifications
Frontend web
- Next.js
- React
- TypeScript
- CSS tokens
- socket.io-client
Backend
- Node.js
- Express
- MongoDB
- Socket.IO
- Winston
- Sentry
IA e dados
- OpenAI
- Pipeline de promptscontexto de sessão
- Redis
- i18n ES/EN
Segurança
- JWT + refresh
- bcrypt
- Helmet
- validação de payloads
- rate limiting
DevOps e integrações
- GitHub Actions
- Vercel
- Render
- Mercado Pago
- SendGrid
- ESLint
Arquitetura em camadas
Clientes móvel e web, API Node com WebSockets, pipeline de IA com contexto de sessão, MongoDB e Redis.
Cliente móvel
React Native + Expo. Navegação nativa e Socket.IO.
Cliente web
Next.js, TypeScript, rotas do site em es, en e pt.
API e tempo real
Express, REST, Socket.IO, logs Winston.
Camada de IA
OpenAI, prompts com contexto de sessão, histórico no MongoDB.
Persistência
MongoDB (usuários, chat, assinaturas). Redis para a sessão.
Desafios e soluções
Tempo real
Desafio: Responder a conversa no momento.
Solução: WebSockets com Socket.IO, Redis e consultas simples.
Privacidade
Desafio: Cuidar de conversas privadas.
Solução: Criptografia em trânsito (TLS) e em repouso. A Anto e o modelo leem o texto. Autenticação JWT e headers de segurança.
Várias plataformas
Desafio: iOS, Android e web sem três produtos.
Solução: React Native no celular e este site em Next.js.
IA
Desafio: Integrar a OpenAI com o fio da pessoa.
Solução: Prompts com contexto de sessão.
Escala
Desafio: Escalar o aplicativo e as conversas.
Solução: API no Render, site na Vercel, GitHub Actions.
Uso
Desafio: Que dê para entender e usar.
Solução: Uma interface simples, a mesma voz do resto do site.
Pipeline de construção
Do repositório à produção (Vercel, Render, EAS, GitHub Actions).
Plan
Arquitetura, APIs, como se vê.
API
Express, OpenAI, JWT. Criptografia em trânsito (TLS) e em repouso. A Anto e o modelo leem o texto. WebSockets.
Clientes
React Native e Next.js.
Revisão
Lint, types, build no GitHub Actions.
Deploy
Site na Vercel, API no Render, Sentry.
Quem constrói
Marcelo Ull Marambio
Engenheiro full-stack: React Native/Expo, Next.js, Node.js, MongoDB, Socket.IO e integrações com a OpenAI.
Se você tem uma dúvida sobre como a Anto é construída, escreva para mim.
A Anto não substitui terapia nem atendimento clínico profissional. Se você estiver em crise, procure ajuda de emergência no seu país.