p1-html-2023 by David AR
Google Diffuser es un ejercicio del Posgrado en Full-Stack Web Technologies que busca practicar con tecnologías web modernas. A la vez, funciona como un pequeño "proof of concept" para explorar cómo podría ser una experiencia de búsqueda en línea enriquecida con elementos de inteligencia artificial, transformando nuestra interacción con los motores de búsqueda y ofreciendo resultados más personalizados mediante la unión de tecnologías web y algoritmos de inteligencia artificial avanzados, hoy en día en boca de todos. En el futuro, es posible que las búsquedas de imágenes no se limiten a encontrar imágenes ya creadas, sino que también podrían generar imágenes personalizadas según las preferencias y necesidades del usuario. En lugar de buscar una imagen que coincida aproximadamente con lo que el usuario desea, un motor de búsqueda podría generar una imagen única que se ajuste perfectamente a sus requerimientos.
Google Diffuser utiliza tecnologías web modernas, como HTML y CSS, para estructurar y diseñar la interfaz de usuario, Flexbox para un diseño responsivo y adaptable, y SVG para la creación y manipulación de gráficos vectoriales. Además, JavaScript cumple una función esencial al integrarse con las bibliotecas de Hugging Face y los modelos de generación de imágenes por difusión (Stable Diffusion), permitiendo así la creación de imágenes basadas en las búsquedas (denominadas "prompts").
Listas de tareas
- Clon de la página (Flexbox, Grids)
- Diseño Responsivo
- Doodle animación sencilla (SVG, CSS)
- API hugging face js, eventos DOM, etc
- Preload
- Optimizacion, mejoras version Mobile
EXTRAS (Si hay tiempo):
- Tooltips Informativos
- Capa flotante con búsquedas previas, como en "Google Imágenes"
- Ventana modal con info de la práctica
Demo: Google Diffuser