Who is Franz Phillip Domingo?

Franz Phillip Domingo is a Software Engineer & Full-Stack Developer based in Manila, Philippines. A software engineer specializing in full-stack development, AI/ML, and cloud solutions. Building ambitious projects across web, mobile, and AI — from thesis-defying 3DCNN fitness trackers to multi-agent orchestration systems. Currently interning at Trend Micro and open to freelance work.

What are Franz Phillip's core technical skills?

Franz Phillip specializes in full-stack web development, AI model integration, cloud architecture, and multi-agent systems.

How can I contact Franz Phillip?

You can contact Franz Phillip via email at orstedfiles@icloud.com or connect on LinkedIn and GitHub. Actualmente abierto a 2 nuevos proyectos independientes o por contrato a partir de julio de 2026 a diciembre de 2026.

// Sitio Web de Chatbot: Plataforma de Chat de IA Personalizable

Sitio Web de Chatbot: Plataforma de Chat de IA Personalizable

Chatbot de IA Personalizable / Aplicación Web / Proyecto Next.js 14

Resumen de una línea:
Una interfaz de chatbot interactiva y extensible para sitios web modernos, construida con Next.js 14 App Router, TypeScript, Tailwind CSS y Shadcn UI. Integra múltiples proveedores de LLM y presenta una arquitectura modular lista para producción.

Duración del Desarrollo: En curso (2025)

Nota(s):

Descargo de responsabilidad sobre hosting/disponibilidad de código:
La demo está alojada en chatbot.franzdomingo.tech utilizando una API propietaria. El código fuente no es público; contacte al autor para más detalles.
Contacto para más información o demostraciones:
Póngase en contacto con Franz Phillip G. Domingo a través de franzdomingo.tech.
Nota de navegación:
La aplicación web del chatbot es accesible a través del enlace de la demo en vivo arriba.

Características

Integración de LLM personalizados (OpenAI, Gemini, Ollama, xAI y APIs personalizadas)
Chat en tiempo real con interfaz de usuario responsiva
Arquitectura modular impulsada por componentes
Estilo listo para producción (Tailwind CSS, Shadcn UI, Radix UI)
Sistema de artefactos: código, imágenes, hojas de cálculo, notas con actualizaciones en vivo
Autenticación (Auth.js)
Persistencia de datos (Neon Serverless Postgres, Vercel Blob)
Optimizaciones de rendimiento: streaming, carga perezosa (lazy loading), compresión de imágenes
Configuración de proveedores extensible
Pruebas de extremo a extremo (Playwright)

Mis Contribuciones (Rol y Responsabilidades)

Integración y Despliegue:

Desplegué y configuré el Chatbot de IA de código abierto de Vercel en un entorno dedicado para demostración en vivo.

Conectividad Backend:

Conectado a una API de backend propietaria para simular el soporte multimodelo.

Exploración de Arquitectura:

Exploré la arquitectura de AI SDK y los patrones de extensibilidad de LLM.

UI/UX y Escalabilidad:

Investigué la escalabilidad de UI/UX y planifiqué anulaciones de componentes para futuras mejoras.

Mejoras Planificadas:

Ampliar el soporte para Gemini, Ollama y endpoints personalizados.
Rediseño de UI/UX para flujos de trabajo definidos por el usuario.
Capa de middleware para ingeniería de prompts específica del usuario.

Desafíos Enfrentados

Extensibilidad de proveedores:
Diseñar una arquitectura flexible para cambiar entre proveedores de LLM y endpoints personalizados.
Rendimiento:
Optimizar el streaming del servidor, la carga perezosa y el manejo de artefactos para el chat en tiempo real.
Autenticación y Persistencia:
Integrar Auth.js y almacenamiento serverless para una gestión de datos segura y escalable.
UI/UX:
Asegurar la accesibilidad y el diseño responsivo en todos los dispositivos.

Arquitectura del Proyecto

Estilo de Arquitectura:
Next.js 14 App Router modular con React Server Components.
Organización de Componentes:
- app/: Rutas de Next.js (chat, auth, diseño)
- components/: Componentes reutilizables de UI y lógica
- lib/ai/: Configuraciones de LLM, lógica de prompts, registro de proveedores
- artifacts/: Lógica de manejo de artefactos (texto, imágenes, código, etc.)
- hooks/: Hooks de React personalizados para chat, estado, UI
- tests/: Pruebas E2E y ayudantes de prueba
Gestión de Estado:
React Context, Server Actions
Integraciones:
Vercel AI SDK, Auth.js, Neon Serverless Postgres, Vercel Blob

Vista Previa de la Demo

Capturas de pantalla/Video:
Puede ver la demo en vivo en chatbot.franzdomingo.tech. Todas las funciones y la UI están disponibles para explorar directamente.
Vistas de Plataforma:
Web (responsivo, móvil primero)
Funcionalidad Mostrada:
- Chat en tiempo real
- Cambio de proveedor de LLM
- Sistema de artefactos (código, imágenes, notas)
- Autenticación y persistencia de datos
- UI modular lista para producción
Instrucciones de la Demo:
Visite chatbot.franzdomingo.tech para interactuar con la aplicación web del chatbot.

Recursos de Desarrollo

Guías/Documentación:
- Documentación de Next.js, Vercel AI SDK, Tailwind CSS, Shadcn UI, Radix UI

Desarrollador: Franz Phillip G. Domingo
Última Actualización: 11-07-2025

Basado en el chatbot de código abierto de Vercel (licencia MIT). Personalizado para uso e integración personal.

ACCESSING DATABANKS...