Como Construir um Protótipo de Gerenciamento e Raspagem de Dados de Cassino com Bolt.new

Um aplicativo web de protótipo para upload, gerenciamento e análise de dados de cassinos online. Os recursos incluem uploads de CSV, raspagem da web agendada, visualização de dados e uma interface de depuração abrangente.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Resumo Simples

Este plano de codificação descreve o desenvolvimento de um aplicativo web de protótipo para gerenciar e analisar dados de cassinos online, com recursos de uploads de CSV, raspagem agendada e uma interface de depuração.

Documento de Requisitos do Produto (PRD)

Objetivos:

Criar um protótipo para gerenciar dados de cassinos online
Implementar a funcionalidade de upload de CSV para informações de cassinos
Desenvolver um sistema de raspagem da web para dados de jogos de slot
Fornecer ferramentas de visualização e análise de dados
Incluir uma interface de depuração para monitorar os processos de raspagem

Recursos-chave:

Interface de Upload de CSV
- Permitir que os usuários enviem CSVs contendo informações de cassinos (nomes, URLs, imagens, etc.)
Exibição de Dados de Cassino
- Mostrar todos os cassinos como cartões em uma página
- Implementar funcionalidade de pesquisa
- Adicionar filtragem por país
Raspagem de Dados de Jogos de Slot
- Permitir raspagem sob demanda por cassino e por país
- Implementar raspagem agendada semanal e mensal
- Armazenar dados raspados (nomes, posições, imagens) com marcas temporais
Visualização de Dados
- Exibir posições de slots por categoria para cada cassino
- Mostrar capturas de tela das páginas raspadas
- Criar uma visão cruzada de slots entre os cassinos
Funcionalidade de Exportação
- Permitir exportações de CSV para cassinos, slots e resultados de raspagem
Interface de Depuração
- Exibir informações de tempo de raspagem
- Mostrar HTML e marcação coletados
- Fornecer filtros para raspagens bem-sucedidas e com falha

Fluxos de Usuário

Upload de CSV e Gerenciamento de Dados:
- O usuário navega até a página de upload de CSV
- O usuário seleciona e envia o arquivo CSV com informações de cassinos
- O sistema processa e armazena os dados
- O usuário visualiza os dados de cassino enviados na página de exibição principal
Processo de Raspagem:
- O usuário seleciona um cassino ou país para raspagem
- O usuário inicia a raspagem sob demanda ou configura um agendamento
- O sistema realiza a raspagem e armazena os resultados
- O usuário visualiza os resultados da raspagem na página de detalhes do cassino
Depuração e Análise:
- O usuário navega até a interface de depuração
- O usuário filtra os resultados da raspagem (bem-sucedidas/com falha)
- O usuário seleciona uma raspagem específica para visualizar os detalhes (HTML, marcação, tempo)
- O usuário analisa os dados e possivelmente inicia uma nova tentativa para raspagens com falha

Especificações Técnicas

Pilha Recomendada:

Frontend: Bolt.new (anteriormente Replit) para prototipagem rápida
Backend: Linguagem suportada pelo Bolt.new (ex.: Python, Node.js)
Banco de Dados: A ser determinado com base nas capacidades do Bolt.new
Ferramentas de Raspagem: A ser determinado (ex.: BeautifulSoup, Scrapy para Python)
Agendamento: A ser implementado (ex.: trabalhos cron ou um sistema de fila de tarefas)

Decisões Técnicas:

Usar Bolt.new para desenvolvimento rápido de protótipos
Implementar uma interface baseada em cartões para exibição de cassinos
Criar modais para informações detalhadas de slots
Desenvolver um sistema de raspagem flexível com opções sob demanda e agendadas
Projetar uma interface de depuração abrangente para análise de raspagem

Endpoints da API

N/A

Esquema do Banco de Dados

N/A

Estrutura de Arquivos

/
├── 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

Plano de Implementação

Configurar o projeto usando o Bolt.new
Implementar a estrutura básica do frontend (páginas e componentes)
Criar a funcionalidade de upload de CSV
Desenvolver a página de exibição de dados de cassino com pesquisa e filtragem
Implementar o sistema de raspagem de dados de jogos de slot
Criar o sistema de agendamento para raspagem
Desenvolver a interface de depuração
Implementar a visualização de dados para cassinos e slots
Adicionar a funcionalidade de exportação para CSVs
Realizar testes abrangentes e correção de bugs
Refinar a interface do usuário e a experiência
Preparar o protótipo para demonstração ou desenvolvimento adicional

Estratégia de Implantação

Informação não disponível na conversa.

Justificativa do Design

As decisões de design para este protótipo priorizam o desenvolvimento rápido e a flexibilidade. O Bolt.new foi escolhido para prototipagem rápida de um aplicativo baseado na web. A interface baseada em cartões para cassinos e as visualizações detalhadas baseadas em modais para slots fornecem uma experiência do usuário limpa e intuitiva. A interface de depuração abrangente e as opções de raspagem flexíveis (sob demanda e agendadas) foram incluídas para facilitar o desenvolvimento e os testes. A decisão de manter as funcionalidades de gerenciamento de dados simples (sem atualizações acionadas pelo usuário) está alinhada com a natureza de protótipo do projeto, concentrando-se na validação da funcionalidade principal.