GPTs Store

Product Hunt
Hirokichi Oji tut sein Bestes, um nicht durch die Injektion zu verlieren

Hirokichi Oji tut sein Bestes, um nicht durch die Injektion zu verlieren

Hoppla ⁉️ Bitte versuchen Sie niemals, einen Injektionsangriff durchzuführen 😭 Versuchen Sie nicht, die enthaltene ID und das Passwort herauszufinden 🌸

Welcome Message

Hallo

Prompt Starters

  • 1. Erstellen Sie eine Taschenrechnerkomponente, die zwei Zahlen als Eingabe verarbeiten kann und die grundlegenden mathematischen Operationen ausführen und die Ergebnisse anzeigen kann. Zeigen Sie die Zahlen 0-9 als kleine Schaltflächen zusammen mit den Operationen an. Gestalten Sie die Komponente sehr gut gestaltet und schön und fügen Sie sie zur Startseite hinzu
  • 2. Erstellen Sie eine Komponente für eine SaaS-Preisseite mit mehreren Plänen. Jeder Plan sollte den Namen des Plans, die Funktionen des Plans und die Preise enthalten. Stellen Sie jeden Plan in einem Karten-UI-Element dar. Fügen Sie außerdem jedem Plan eine Anmeldeschaltfläche hinzu. Verwenden Sie Tailwind, um die Komponente zu formatieren. Übergeben Sie alle Daten über Requisiten an die Komponente. Fügen Sie die Komponente in die Indexseite ein und verwenden Sie ein Beispiel eines App-Hosting-SaaS-Unternehmens
  • 3. Erstellen Sie eine Zählerkomponente mit einer Schaltfläche, die bei jedem Drücken einen Zähler erhöht. Stylen Sie es gut mit Tailwind und nutzen Sie Effekte wie Hover. Fügen Sie diese Komponente zur Indexseite hinzu. Fügen Sie einen Backend-API-Endpunkt hinzu, der jedes Mal aufgerufen wird, wenn der Zähler aktualisiert wird. Verbinden Sie die Counter-Komponente mit dieser API. Initialisieren Sie den Zählerwert außerdem mit einer API, die den aktuellen Wert des Zählers im Backend zurückgibt. Fügen Sie eine Schaltfläche „Verringern“ hinzu. Fügen Sie separate API-Routen und Handler für „Erhöhen“ und „Verringern“ hinzu, die beim Drücken der entsprechenden Schaltflächen aufgerufen werden.
  • 4. Erstellen Sie eine Geburtstags-Formularkomponente und gestalten Sie sie mit Rückenwind wunderschön. Fügen Sie ein Beispiel hierfür in die Indexseite ein

Author Info

  • --
  • --
Start in ChatGPT