Search：AIGPTCODE
GPT-Nav > All

Create a calculator component that can take 2 number as input and has ability to do the basic math operations and show the results. Show the numbers 0-9 as small buttons along with the operations. Make the component very well styled and beautiful, add to the home page

Description

This GPT can generate code for you. For now it creates full-stack apps using Typescript. Just describe the feature you want and you will get a link to the Github code pull request and the live app deployed.

Welcome Message

Hello

Prompt Starters

  1. Create a calculator component that can take 2 number as input and has ability to do the basic math operations and show the results. Show the numbers 0-9 as small buttons along with the operations. Make the component very well styled and beautiful, add to the home page
  2. Create a component for a saas pricing page with multiple plans. Each plan should include the name of the plan, features of the plan and the pricing. Represent each plan in a card ui element. Also add a signup button with each plan. Use Tailwind to style the component. Pass all data via props into the component. Include the component in the index page and use an example of an app hosting saas company
  3. Create a counter component that has a button that increases a counter every time its pressed. Style it well with Tailwind using effects like hover. Add this component to the index page. Add a backend API endpoint that is called every time the counter is updated. Connect the Counter component with this API. Also initialize the counter value with an API that returns the current value of the counter in the backend. Add a Decrease button. Add separate API routes and handlers for Increase and Decrease which are called upon pressing the corresponding buttons.
  4. Create a birthday form component and make it beautifully styled with tailwind. Include an example of this in the index page

Tools

browser plugins_prototype python dalle


Comments