Wie man mit Bolt.new ein Casino-Datenverwaltungs- und -scraping-Prototyp erstellt

Eine Prototypanwendung für das Hochladen, Verwalten und Analysieren von Online-Casino-Daten. Zu den Funktionen gehören CSV-Uploads, geplantes Web-Scraping, Datenvisualisierung und eine umfassende Debug-Schnittstelle.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Einfache Zusammenfassung

Dieser Codierungsplan skizziert die Entwicklung eines Prototypen einer Webanwendung für das Management und die Analyse von Online-Casino-Daten, die CSV-Uploads, geplantes Scraping und eine Debug-Schnittstelle umfasst.

Produktanforderungsdokument (PRD)

Ziele:

Einen Prototypen für das Management von Online-Casino-Daten erstellen
Funktionalität für den CSV-Upload von Casino-Informationen implementieren
Ein Web-Scraping-System für Slot-Spiel-Daten entwickeln
Datenvisualisierungs- und Analysewerkzeuge bereitstellen
Eine Debug-Schnittstelle für die Überwachung von Scraping-Prozessen aufnehmen

Hauptfunktionen:

CSV-Upload-Schnittstelle
- Benutzern das Hochladen von CSVs mit Casino-Informationen (Namen, URLs, Bilder usw.) ermöglichen
Anzeige von Casino-Daten
- Alle Casinos als Karten auf einer Seite anzeigen
- Suchfunktionalität implementieren
- Länderbasiertes Filtern hinzufügen
Slot-Spiel-Datenscraping
- Scraping auf Abruf pro Casino und pro Land aktivieren
- Wöchentliches und monatliches geplantes Scraping implementieren
- Gecrawlte Daten (Namen, Positionen, Bilder) mit Zeitstempeln speichern
Datenvisualisierung
- Slot-Positionen nach Kategorie für jedes Casino anzeigen
- Bildschirmfotos der gecrawlten Seiten anzeigen
- Eine kanalübergreifende Ansicht der Slots über Casinos hinweg erstellen
Export-Funktionalität
- CSV-Exporte für Casinos, Slots und Scraping-Ergebnisse ermöglichen
Debug-Schnittstelle
- Informationen zur Scraping-Zeitnahme anzeigen
- Gesammelte HTML- und Markup-Daten anzeigen
- Filter für erfolgreiche und fehlgeschlagene Scrapes bereitstellen

Benutzerflüsse

CSV-Upload und Datenverwaltung:
- Benutzer navigiert zur CSV-Upload-Seite
- Benutzer wählt und lädt eine CSV-Datei mit Casino-Informationen hoch
- System verarbeitet und speichert die Daten
- Benutzer sieht die hochgeladenen Casino-Daten auf der Hauptanzeige-Seite
Scraping-Prozess:
- Benutzer wählt ein Casino oder ein Land zum Scrapen aus
- Benutzer startet das Scraping auf Abruf oder richtet einen Zeitplan ein
- System führt das Scraping durch und speichert die Ergebnisse
- Benutzer sieht die Scraping-Ergebnisse auf der Casino-Details-Seite
Debug und Analyse:
- Benutzer navigiert zur Debug-Schnittstelle
- Benutzer filtert Scraping-Ergebnisse (erfolgreich/fehlgeschlagen)
- Benutzer wählt einen bestimmten Scrape aus, um Details anzuzeigen (HTML, Markup, Zeitnahme)
- Benutzer analysiert die Daten und startet möglicherweise einen Neuversuch für fehlgeschlagene Scrapes

Technische Spezifikationen

Empfohlener Stack:

Frontend: Bolt.new (ehemals Replit) für schnelles Prototyping
Backend: Von Bolt.new unterstützte Sprache (z.B. Python, Node.js)
Datenbank: Entsprechend den Fähigkeiten von Bolt.new zu bestimmen
Scraping-Tools: Zu bestimmen (z.B. BeautifulSoup, Scrapy für Python)
Planung: Zu implementieren (z.B. Cron-Jobs oder ein Task-Queue-System)

Technische Entscheidungen:

Bolt.new für die schnelle Prototypentwicklung verwenden
Eine kartenbasierte Benutzeroberfläche für die Casino-Anzeige umsetzen
Modals für detaillierte Slot-Informationen entwickeln
Ein flexibles Scraping-System mit On-Demand- und Scheduling-Optionen entwerfen
Eine umfassende Debug-Schnittstelle für die Scraping-Analyse konzipieren

API-Endpunkte

N/A

Datenbankschema

N/A

Dateistruktur

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

Implementierungsplan

Das Projekt mit Bolt.new einrichten
Die grundlegende Frontend-Struktur (Seiten und Komponenten) implementieren
Die CSV-Upload-Funktionalität erstellen
Die Casino-Daten-Anzeige-Seite mit Suche und Filtern entwickeln
Das Slot-Spiel-Datenscraping-System implementieren
Das Planungssystem für das Scraping erstellen
Die Debug-Schnittstelle entwickeln
Die Datenvisualisierung für Casinos und Slots implementieren
Die Export-Funktionalität für CSV-Dateien hinzufügen
Umfangreiche Tests und Fehlerbehebung durchführen
Die Benutzeroberfläche und -erfahrung verfeinern
Den Prototypen für die Demonstration oder weitere Entwicklung vorbereiten

Bereitstellungsstrategie

Keine Informationen in der Unterhaltung verfügbar.

Designbegründung

Die Entwurfsentscheidungen für diesen Prototypen priorisieren schnelle Entwicklung und Flexibilität. Bolt.new wurde für das schnelle Prototyping einer webbasierten Anwendung gewählt. Die kartenbasierte Benutzeroberfläche für Casinos und die modalbasierte detaillierte Ansicht für Slots bieten eine saubere und intuitive Benutzererfahrung. Die umfassende Debug-Schnittstelle und die flexiblen Scraping-Optionen (auf Abruf und geplant) wurden aufgenommen, um die Entwicklung und das Testen zu erleichtern. Die Entscheidung, die Datenverwaltungsfunktionen einfach zu halten (keine benutzergesteuerten Updates), steht im Einklang mit dem prototypischen Charakter des Projekts und konzentriert sich auf die Validierung der Kernfunktionalität.