Skip to content

v1.2.0 | RSS Reader

Latest

Choose a tag to compare

@DanielVallado DanielVallado released this 07 May 19:48
· 2 commits to main since this release

🏁 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.