← Todos los proyectos
/ Caso de estudio · Plataforma
Bot de Telegram + panel admin
Proyecto diseñado como alternativa a un portfolio tradicional: en vez de recorrer una web, los proyectos se exploran desde Telegram con navegación y contenido gestionados desde un panel de administración.
- Rol
- Diseño e implementación full stack (bot, API REST y panel admin).
- Duración
- 8 semanas
- Cliente
- Ministerio de Comunicación Pública
- Año
- 2024
Capturas
Código QR para abrir el bot 
Token de acceso para probar el bot 
Mensaje de bienvenida en Telegram 
Menú de comandos principales 
El comando de proyectos en Telegram 
Temas dentro del comando de proyectos 
Un mensaje de tema renderizado con HTML 
Panel de administración: menús y temas (datos de ejemplo) 
Editor de mensajes con formato de Telegram (datos de ejemplo) 
Estadísticas por menú y tema (datos de ejemplo) 
Escritorio: menú lateral fijo y menús desplegables (datos de ejemplo) 
Lista de mensajes y editor con negrita, cursiva y enlaces (datos de ejemplo) 
Usuarios registrados y contenido más visto por período (datos de ejemplo)
El problema
Administrar el contenido y la navegación de un bot solía requerir cambios de código, lo que generaba fricción operativa y menor velocidad de publicación.
La solución
Se construyó una plataforma con bot de Telegram + panel de administración para editar menús, temas, mensajes y comandos dinámicos sin deploy constante, centralizando la operación en una interfaz visual.
Detalles técnicos
Front-end
- React
- TypeScript
- Vite
- MUI
- Recharts
Back-end
- Node.js
- Express
- grammY
- JWT
Datos
- MySQL
- TiDB Cloud
- Sequelize
Funcionalidades
- Gestión de bienvenida, menús, temas y mensajes
- Comandos dinámicos para navegación en Telegram
- Temas globales no atados a un menú
- Editor de mensajes con el formato de Telegram: negrita, cursiva, subrayado, tachado, enlaces y pegado
- Navegación adaptable del panel: pestañas en celular y menú lateral fijo en escritorio
- Panel de token y usuario para administración segura
- Estadísticas por interacciones y períodos
Infraestructura
- Render (API + webhook)
- Netlify/Vercel (panel admin)
- Monitoreo de uptime con cron-job.org
Resultado
- Mayor velocidad para publicar contenido en el bot
- Menos fricción operativa en mantenimiento
- Administración centralizada del flujo conversacional