"La primera IA entrenada con educación pública y televisión mexicana."
Un chatbot humorístico y satírico construido con Next.js (App Router), TailwindCSS y la API de OpenAI. AIdelBienestar es la primera inteligencia artificial diseñada para el pueblo: repite discursos oficiales, maquilla cifras y siempre tiene otros datos.
Inspirado en la interfaz de ChatGPT, pero con un toque de sátira política mexicana.
- Sátira política: siempre responde con discursos oficiales, cifras maquilladas y otros datos alternativos.
- Interfaz familiar: diseño inspirado en ChatGPT, modo oscuro, responsiva y lista para móviles.
- Soporte multiidioma: detecta el idioma del usuario y responde en consecuencia.
- Privacidad total: no requiere registro ni guarda conversaciones; todo se borra al recargar.
- Proxy seguro: el backend funciona como intermediario hacia OpenAI, protegiendo tu clave API.
- Estilo mexicano: encabezado personalizado, íconos, créditos y enlaces sociales.
Prueba AIdelBienestar aquí: 👉 https://www.aidelbienestar.com/
- Next.js 15 (App Router)
- TailwindCSS
- OpenAI API
- TypeScript
/ (root)
├── src/
│ ├── app/
│ │ ├── page.tsx # Interfaz principal del chat
│ │ ├── layout.tsx # Layout general (encabezado, pie de página)
│ │ ├── globals.css # Estilos globales con Tailwind
│ │ └── api/
│ │ └── chat/route.ts # Proxy hacia la API de OpenAI
│ └── components/
│ └── ChatMessage.tsx # Componente de mensajes del chat
├── tailwind.config.js
├── postcss.config.js
├── .env.local # Clave de API (no se sube al repo)
└── README.md
git clone https://github.com/artmichel/aidelbienestar.git
cd aidelbienestarnpm installCrea un archivo .env.local en la raíz del proyecto con el contenido:
OPENAI_API_KEY=tu-clave-aqui
⚠️ No compartas ni subas tu clave a GitHub.
npm run devLuego abre http://localhost:3000 en tu navegador.
npm run build
npm startOPENAI_API_KEY– Clave privada de OpenAI (obligatoria, nunca expuesta en el frontend).
- El frontend detecta el idioma del usuario.
- El backend (
/api/chat) actúa como proxy seguro hacia OpenAI. - El prompt del sistema fuerza las respuestas con estilo de sátira política mexicana: discursos oficiales, cifras alternas y los famosos otros datos.
- La interfaz, minimalista y en modo oscuro, se inspira en ChatGPT pero con un giro cómico y nacional.
- Problema: al abrir el teclado virtual, el contenido puede moverse hacia arriba y dejar un espacio vacío en la parte inferior.
- Estado: bug conocido en Opera Mobile relacionado con el manejo del viewport.
- Solución temporal: usar Chrome, Firefox o Edge para una mejor experiencia en móviles.
- Detalles técnicos: Opera no maneja de forma consistente
window.innerHeightni las unidades de viewport con teclado activo. Se han aplicado parches enOperaViewportJSFix.tsx, pero la limitación es propia del navegador.
- Desarrollado por: Art Michel
- GitHub: @artmichel-dev
- X (Twitter): @artmichel_eth
- Instagram: @artmichel
Este proyecto está bajo la licencia MIT. Consulta LICENSE para más detalles.
- "Según mis otros datos, la economía va muy bien, solo que no se nota."
- "Me entrenaron con conferencias mañaneras, así que tengo datos alternativos."
- "La culpa es de la mafia del poder, pero también del neoliberalismo."
- "Tengo información de que todo está bajo control, aunque parezca lo contrario."
¡Se aceptan pull requests! Para cambios mayores, abre primero un issue y discutamos la propuesta.
⭐ Si este proyecto te sacó una sonrisa, deja tu estrella en GitHub. ⭐