Cómo construir un prototipo de gestión de datos y raspado de casino con Bolt.new

Una aplicación web prototipo para cargar, gestionar y analizar datos de casinos en línea. Las características incluyen cargas de CSV, raspado web programado, visualización de datos y una interfaz de depuración integral.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Resumen Simple

Este plan de codificación describe el desarrollo de un prototipo de aplicación web para gestionar y analizar datos de casinos en línea, con características como cargas de CSV, raspado programado y una interfaz de depuración.

Documento de Requisitos del Producto (PRD)

Objetivos:

Crear un prototipo para gestionar datos de casinos en línea
Implementar la funcionalidad de carga de CSV para información de casinos
Desarrollar un sistema de raspado web para datos de juegos de tragamonedas
Proporcionar herramientas de visualización y análisis de datos
Incluir una interfaz de depuración para monitorear los procesos de raspado

Características clave:

Interfaz de carga de CSV
- Permitir a los usuarios cargar CSV que contengan información de casinos (nombres, URLs, imágenes, etc.)
Visualización de datos de casinos
- Mostrar todos los casinos como tarjetas en una página
- Implementar funcionalidad de búsqueda
- Agregar filtrado por país
Raspado de datos de juegos de tragamonedas
- Permitir el raspado bajo demanda por casino y por país
- Implementar programación semanal y mensual para el raspado
- Almacenar los datos raspados (nombres, posiciones, imágenes) con marcas de tiempo
Visualización de datos
- Mostrar las posiciones de las tragamonedas por categoría para cada casino
- Mostrar capturas de pantalla de las páginas raspadas
- Crear una vista cruzada de tragamonedas entre casinos
Funcionalidad de exportación
- Permitir exportaciones de CSV para casinos, tragamonedas y resultados de raspado
Interfaz de depuración
- Mostrar información del tiempo de raspado
- Mostrar HTML y marcado recopilados
- Proporcionar filtros para raspados exitosos y fallidos

Flujos de Usuario

Carga de CSV y gestión de datos:
- El usuario navega a la página de carga de CSV
- El usuario selecciona y carga el archivo CSV con información de casinos
- El sistema procesa y almacena los datos
- El usuario ve los datos de casinos cargados en la página de visualización principal
Proceso de raspado:
- El usuario selecciona un casino o país para el raspado
- El usuario inicia el raspado bajo demanda o programa una tarea
- El sistema realiza el raspado y almacena los resultados
- El usuario ve los resultados del raspado en la página de detalles del casino
Depuración y análisis:
- El usuario navega a la interfaz de depuración
- El usuario filtra los resultados del raspado (exitosos/fallidos)
- El usuario selecciona un raspado específico para ver los detalles (HTML, marcado, tiempo)
- El usuario analiza los datos y posiblemente inicia un reintento para los raspados fallidos

Especificaciones Técnicas

Pila recomendada:

Frontend: Bolt.new (anteriormente Replit) para prototipado rápido
Backend: Lenguaje compatible con Bolt.new (por ejemplo, Python, Node.js)
Base de datos: Por determinar según las capacidades de Bolt.new
Herramientas de raspado: Por determinar (por ejemplo, BeautifulSoup, Scrapy para Python)
Programación: Por implementar (por ejemplo, trabajos cron o un sistema de cola de tareas)

Decisiones técnicas:

Usar Bolt.new para un desarrollo de prototipo rápido
Implementar una interfaz de usuario basada en tarjetas para la visualización de casinos
Crear modales para información detallada de tragamonedas
Desarrollar un sistema de raspado flexible con opciones bajo demanda y programadas
Diseñar una interfaz de depuración integral para el análisis de raspado

Puntos de API

N/A

Esquema de Base de Datos

N/A

Estructura de Archivos

/
├── frontend/
│   ├── pages/
│   │   ├── index.js
│   │   ├── casinos.js
│   │   ├── slots.js
│   │   ├── scraping-results.js
│   │   └── debug.js
│   ├── components/
│   │   ├── CasinoCard.js
│   │   ├── SlotModal.js
│   │   ├── SearchFilter.js
│   │   └── DebugView.js
│   └── styles/
│       └── main.css
├── backend/
│   ├── routes/
│   │   ├── csv_upload.js
│   │   ├── scraping.js
│   │   └── export.js
│   ├── models/
│   │   ├── casino.js
│   │   └── slot.js
│   ├── services/
│   │   ├── scraper.js
│   │   └── scheduler.js
│   └── utils/
│       └── csv_parser.js
├── config/
│   └── database.js
└── package.json

Plan de Implementación

Configurar el proyecto usando Bolt.new
Implementar la estructura básica del frontend (páginas y componentes)
Crear la funcionalidad de carga de CSV
Desarrollar la página de visualización de datos de casinos con búsqueda y filtrado
Implementar el sistema de raspado de datos de juegos de tragamonedas
Crear el sistema de programación para el raspado
Desarrollar la interfaz de depuración
Implementar la visualización de datos para casinos y tragamonedas
Agregar la funcionalidad de exportación de CSV
Realizar pruebas exhaustivas y corrección de errores
Refinar la interfaz de usuario y la experiencia
Preparar el prototipo para su demostración o desarrollo adicional

Estrategia de Despliegue

Información no disponible en la conversación.

Justificación del Diseño

Las decisiones de diseño para este prototipo priorizan el desarrollo rápido y la flexibilidad. Se eligió Bolt.new para el prototipado rápido de una aplicación web. La interfaz de usuario basada en tarjetas para los casinos y las vistas detalladas de tragamonedas a través de modales proporcionan una experiencia de usuario limpia e intuitiva. La interfaz de depuración integral y las opciones de raspado flexibles (bajo demanda y programadas) se incluyeron para facilitar el desarrollo y las pruebas. La decisión de mantener sencillas las funciones de gestión de datos (sin actualizaciones impulsadas por el usuario) se alinea con la naturaleza de prototipo del proyecto, centrándose en la validación de la funcionalidad principal.