⚠️ Nota de proyecto: Este es un proyecto personal experimental e incompleto. Su único propósito es poner en práctica lo aprendido en React (Frontend) y FastAPI (Backend), explorando la integración de APIs, bases de datos asíncronas y consumo de datos en tiempo real.
🌐 Demo en vivo (Frontend): https://mf-rayo.github.io/white-cat/
El objetivo principal de White Cat no es ser un producto comercial ni un servicio de noticias definitivo, sino servir como un entorno de pruebas (sandbox) para ejercitar:
- Consumo de APIs públicas y parseo de feeds RSS en segundo plano.
- Manejo de estado, contextos y enrutamiento en React.
- Modelado y optimización de consultas asíncronas con FastAPI y SQLAlchemy.
- Despliegue continuo de SPA (Single Page Application) en GitHub Pages.
White Cat NO reclama autoría de ningún contenido periodístico.
- Uso de Feeds RSS Públicos: La información de noticias se extrae a través de los feeds RSS abiertos y públicos brindados por sitios de ciberseguridad como BleepingComputer, The Hacker News, The Record, Daily Dark Web, entre otros.
- Formato de Presentación (Snippets): La aplicación únicamente muestra un extracto o titular breve a modo de vista previa (preview).
- Redirección Obligatoria: Todos los elementos incluyen de manera clara y visible la fuente original y un enlace directo. La lectura completa del artículo siempre ocurre en el sitio web del autor original.
- Fines meramente educativos: Este proyecto es sin fines de lucro. Si representas a alguno de los sitios web indexados y deseas que se remueva la vista previa de tus feeds, por favor abre un Issue en este repositorio y se eliminará de inmediato.
Este repositorio representa el código del Frontend:
- React + Vite
- Tailwind CSS (Diseño de la interfaz)
- Recharts (Práctica de gráficos e indicadores)
- pnpm (Gestor de paquetes)
El Backend asociado (no incluido en este despliegue estático) está construido con FastAPI, MySQL/MariaDB y SQLAlchemy Async.
- Estructura inicial de Dashboard y componentes UI.
- Mapeo e integración de endpoints en React.
- Manejo avanzado de errores.
- Optimización de rendimiento y carga modular.
- Ajuste responsive completo.