REMIXIFY: DESARROLLO DE UNA SPA DE RECETAS DE COMIDA CON ENFOQUE EN UX

Abstract

Este trabajo presenta el desarrollo de Remixify, una aplicación web de recetas implementada como \textit{Single Page Application} (SPA) con enfoque en la experiencia de usuario y personalización mediante sistemas de recomendaciones. El objetivo principal ha sido diseñar y desarrollar una plataforma que combine tecnologías modernas con algoritmos de recomendación para ofrecer sugerencias personalizadas a los usuarios.

La arquitectura del sistema se basa en React para el \textit{frontend} y Spring Boot con Java 21 para el \textit{backend}, junto a una base de datos PostgreSQL. El sistema implementa autenticación mediante JWT con arquitectura dual de tokens (con \textit{Access} y \textit{Refresh Tokens}) para garantizar la seguridad, y utiliza servicios en la nube como Amazon S3 para el almacenamiento. Para el despliegue se usó Render y Netlify.

El núcleo de la personalización lo constituye un sistema de recomendaciones basado en filtrado por contenido. Para ello, representa cada receta como un conjunto de ingredientes y calcula su importancia usando el método TF-IDF. El sistema compara estos ingredientes con los del resto de recetas, que forman el corpus (es decir, el conjunto de todas las recetas disponibles), dando pesos a cada una en función de su aparición. Este algoritmo construye un perfil de gustos de usuario a partir de las recetas marcadas como favoritas y calcula otras similares mediante la métrica de similitud del coseno.

También se realizó una evaluación de usabilidad aplicando las heurísticas de Nielsen y el cuestionario System Usability Scale (SUS), identificando áreas de mejora que se fueron implementando de forma iterativa. Los resultados muestran que la aplicación no solo cumple técnicamente, también ofrece una experiencia de usuario satisfactoria.