Instructions: Using ChatGPT to make your own apps

  1. Prompt ChatGPT: Give clear prompts to ChatGPT by dividing the task into clear, sequential steps. If necessary, provide context or background information to help ChatGPT understand the purpose or requirements of the task.
  2. Open a Text Editor: Open a text editor like Notepad (Windows), TextEdit (Mac), or any code editor of your choice.
  3. NEW! Now you can paste the code into the html file generator here.
  4. Copy the HTML Code: Copy the HTML code provided by ChatGPT.
  5. Paste the HTML Code: Paste the copied code into your text editor.
  6. Save the File: Save the file with a .html extension. You must name it index.html if you intend to upload it in a zip file into SLS.
  7. Open the File in a Web Browser: Locate the saved HTML file on your computer and double-click it to open it in a web browser.
  8. Review and Customize: You can review the code in your text editor and customize it as needed. Provide feedback on the generated output and guide ChatGPT through any necessary revisions or improvements. If any issue is still not solved after several iterations, suggest to ChatGPT to use a new method or approach to produce the outcome. Alternatively, you can review if the outcome you want can be simplified.
  9. Save and Refresh: After making any changes, save the HTML file and refresh the webpage in your browser to see the updates.

Back