v1.2.0 | RSS Reader

🏁 v1.2.0 | RSS Reader

Versión optimizada para el cliente (frontend).

✨ Novedades principales

• Optimización de imágenes:

  Ahora las imágenes se cargan usando el formato WebP por defecto, reduciendo el tamaño sin sacrificar calidad.

  Se integra el uso de https://images.weserv.nl/ como proxy de imágenes para servir archivos ya optimizados al tamaño requerido según el dispositivo.

• Adaptación responsive de imágenes:

  Las imágenes se sirven en diferentes tamaños según el ancho de pantalla, asegurando la mejor relación calidad/peso en cada viewport.

• Lazy loading y progresivo:

  Se implementa carga diferida (lazy loading) y un pipe de procesamiento progresivo: las imágenes se muestran primero en baja calidad y se reemplazan automáticamente por versiones de mayor calidad al cargarse.

• Paginación en frontend:

  Ahora la lista de artículos se muestra paginada en el frontend, mejorando la experiencia de navegación con grandes cantidades de noticias.

🚀 Instalación y despliegue

1. Clona el repositorio:

   git clone <URL_DEL_REPO>
   cd rss-reader

2. Cargar base de datos MySQL:

   rss-reader/sql-script/rss_reader_script.sql

3. Instalar dependencias:

   npm install

4. Genera el build:

   npm run build

5. Previsualiza la versión de producción:

   node server.js

6. Abre tu navegador en http://localhost:3000

❗ Limitaciones

• Falta paginación por parte del backend, actulamente el cliente sigue recibiendo todos los artículos de una sola vez.

v1.1.0 | RSS Reader

🏁 v1.0.0

Primera versión estable para producción.

---

✨ Características principales

• Configuración de feeds
  El usuario puede añadir una o varias URLs de RSS feeds.
• Almacenamiento persistente
  Todas las noticias se guardan en la base de datos tras cada actualización.
• Actualización manual
  Botón Actualizar en la página principal que dispara el fetch y guardado de nuevos artículos.
• Feedback visual con toasts
  Se muestran notificaciones tipo toast al completar operaciones:
  • Éxito al guardar o actualizar artículos
  • Error si falla el parseo o la inserción
• Información de noticias
  Cada noticia muestra:
  • Imagen (si está disponible)
  • Fecha de publicación
  • Título
  • Enlace (URL)
  • Descripción
  • Categorías
• Listado ordenable
  En la página principal (/) las noticias aparecen por fecha (más recientes arriba) por defecto. El usuario puede reordenar la lista por cualquier columna (fecha, título, descripción, categorías).
• Búsqueda en tiempo real
  Caja de texto que filtra instantáneamente las noticias cuyo título o descripción contengan el texto ingresado.

---

🚀 Instalación y despliegue

1. Clona el repositorio:

   git clone <URL_DEL_REPO>
   cd rss-reader

2. Cargar base de datos MySQL:

   rss-reader/sql-script/rss_reader_script.sql

3. Instalar dependencias:

   npm install

4. Genera el build:

   npm run build

5. Previsualiza la versión de producción:

   npm run preview

6. Abre tu navegador en http://localhost:4173

❗ Limitaciones

• No hay paginación; con listas muy largas puede resultar pesada la navegación.
• Diseño responsivo y accesibilidad ARIA pendientes de mejora.

pre-release | First functional developer version

🚧 Pre-release v1.0.0-beta

⚠️ Versión de prueba: solo funciona en entorno de desarrollo (npm run dev). No usar en producción.

---

✅ Funcionalidades básicas

• Recolección de URL Feeds ingresados por el usuario.
• Consulta de artículos a los URL Feeds.
• Opciones de ordenamiento.
• Opciones de busqueda.

⚠️ Limitaciones conocidas

• Solo en dev: el build no está preparado, no usar npm run preview aún.
• Sin actualización automática: al pulsar “Actualizar” el feed no recarga la lista; hay que refrescar manualmente la página.
• Sin feedback visual: falta implementar toasts o notificaciones tras guardar/actualizar/eliminar un artículo.
• Entorno no optimizado: HMR y sourcemaps activos pueden afectar el rendimiento.

---

🧪 Cómo probar esta pre-release

1. Instala dependencias y arranca en local:

   npm install  
   npm run dev