GPTs Store

Product Hunt
コードGPT

コードGPT

この GPT はコードを生成できます。今のところ、Typescript を使用してフルスタック アプリを作成します。必要な機能を説明するだけで、Github コードのプル リクエストとデプロイされたライブ アプリへのリンクが表示されます。

GPT Store URL

https://chat.openai.com/g/g-qd7UDCT6K-code-gpt

Welcome Message

こんにちは

Prompt Starters

  • 1. 2 つの数値を入力として受け取り、基本的な数学演算を実行して結果を表示する機能を備えた計算機コンポーネントを作成します。操作に合わせて0～9の数字を小さなボタンとして表示します。コンポーネントを非常に適切にスタイル設定して美しくし、ホームページに追加します。
  • 2. 複数のプランを含む Saas 料金ページのコンポーネントを作成します。各プランには、プランの名前、プランの機能、および価格を含める必要があります。カード ui 要素で各プランを表します。各プランにサインアップ ボタンも追加します。 Tailwind を使用してコンポーネントのスタイルを設定します。すべてのデータを prop 経由でコンポーネントに渡します。インデックス ページにコンポーネントを含め、アプリをホスティングしている Saas 会社の例を使用します。
  • 3. ボタンを押すたびにカウンターが増加するボタンを持つカウンター コンポーネントを作成します。ホバーなどのエフェクトを使用して、Tailwind とうまく組み合わせてください。このコンポーネントをインデックス ページに追加します。カウンターが更新されるたびに呼び出されるバックエンド API エンドポイントを追加します。 Counter コンポーネントをこの API に接続します。また、バックエンドのカウンターの現在の値を返す API を使用してカウンター値を初期化します。減少ボタンを追加します。増加と減少に個別の API ルートとハンドラーを追加し、対応するボタンを押すと呼び出されます。
  • 4. 誕生日フォームコンポーネントを作成し、追い風で美しくスタイル設定します。この例をインデックス ページに含めます

Author Info

  • author:Anusheel Bhushan
  • --
Start in ChatGPT