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 Portafolio Personal: Chatbot

// Portafolio Glass Minimalista: Chatbot

Chatbot Modular

Módulo Destacado / Chatbot Consciente del Contexto / Integración de Portafolio

Resumen de una línea:
Un sistema de chatbot robusto, modular y extensible para el Portafolio Glass Minimalista, construido con React Context, abstracción de servicios y un enfoque en la mantenibilidad, accesibilidad y UI/UX avanzada.

Duración del Desarrollo: Junio 2025 - Julio 2025

Nota(s):

Descargo de responsabilidad sobre hosting/disponibilidad de código:
El código fuente completo del módulo del chatbot está disponible previa solicitud. Por seguridad y privacidad, el código no se publica públicamente.
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:
El chatbot es accesible a través del botón de acción flotante (FAB) en el sitio del portafolio.

Características

Arquitectura modular con componentes reutilizables
Gestión de estado centralizada mediante React Context
Capa de abstracción de servicios para API/lógica de negocio
Límites de error (Error boundaries) y lógica de reintento para una UX robusta
Interfaz de usuario animada y accesible (Shadcn UI, Radix UI, Framer Motion)
Acciones Rápidas para comandos veloces
Indicador de escritura para retroalimentación en tiempo real
Botón de Acción Flotante (FAB) para un fácil acceso
Diseño extensible para nuevos proveedores, prompts o características
Separación de responsabilidades: UI, estado, ayudantes, tipos, servicios
Rendimiento optimizado: estado mínimo en el lado del cliente, carga dinámica, optimización de imágenes

Mis Contribuciones (Rol y Responsabilidades)

Arquitectura e Ingeniería:

Diseñé e implementé el sistema de chatbot modular, separando la interfaz de usuario, el estado, los ayudantes y los servicios para facilitar el mantenimiento.

Gestión de Estado:

Construí el estado de chat centralizado utilizando React Context y hooks personalizados.

Capa de Servicio:

Desarrollé la abstracción para la API de chat y la lógica de negocio, permitiendo una fácil extensión y pruebas.

UI/UX:

Creé componentes animados y accesibles utilizando Shadcn UI, Radix UI y Framer Motion.

Manejo de Errores:

Implementé límites de error y lógica de reintento para una experiencia de usuario fluida.

Extensibilidad:

Estructuré el código base para añadir fácilmente nuevas características, proveedores y acciones rápidas.

Desafíos Enfrentados

Gestión del contexto:
Asegurar que el estado global del chat sea confiable y extensible a través de múltiples componentes.
Manejo de errores:
Construir límites de error robustos y lógica de reintento para respuestas de API impredecibles.
Rendimiento:
Optimizar el renderizado para registros de chat grandes y características de UI dinámicas.
Accesibilidad:
Hacer que todas las interacciones del chatbot sean amigables para el teclado y los lectores de pantalla.

Arquitectura del Proyecto

Estilo de Arquitectura:
React modular con clara separación de responsabilidades (UI, estado, ayudantes, servicios, tipos, utilidades).
Organización de Componentes:
- components/chatbot/: Interfaz de usuario principal, FAB, renderizado de mensajes, acciones rápidas, indicador de escritura.
- components/chatbot/components/: Diseño, entrada, lista de mensajes, encabezados, interfaz de usuario avanzada.
- components/chatbot/helpers/: Acciones rápidas, comandos de hashtag, extracción de enlaces, definiciones de tipos.
- components/chatbot/services/: Abstracción del servicio de chat.
- components/chatbot/types/: Interfaces de TypeScript para el contexto y los mensajes del chat.
- components/chatbot/utils/: Gestión de estado, analítica, accesibilidad, manejo de errores, etc.
Gestión de Estado:
React Context y hooks personalizados para el estado y las operaciones del chat.
Integraciones:
Framer Motion para animación, Radix UI y Shadcn UI para accesibilidad y diseño.

Vista Previa de la Demo

Capturas de pantalla/Video:
La demo en vivo del chatbot está disponible en franz-domingo.vercel.app. Abra el chatbot a través del botón de acción flotante (FAB) para interactuar con todas las funciones en vivo.
Vistas de Plataforma:
Web (responsivo, móvil primero)
Funcionalidad Mostrada:
- Botón de acción flotante (FAB) para el acceso al chat.
- Interfaz de usuario de chat animada y accesible.
- Acciones rápidas, indicador de escritura, manejo de errores.
- Renderizado de mensajes modular y características conscientes del contexto.
Instrucciones de la Demo:
Visite franz-domingo.vercel.app y haga clic en el FAB del chatbot para iniciar e interactuar con el chatbot.

Recursos de Desarrollo

Guías/Documentación:
- Documentación de React Context, Framer Motion, Radix UI, Shadcn UI.

Si necesita más detalles o desea ver el código base, póngase en contacto directamente con el autor.

ACCESSING DATABANKS...