USE POSTMAN +
BUILD CHATGPT WEBSITE
BASIC TRAINING FOR DEVELOPING AI - CHATGPT
Copyright © 1stForData.com info@1stForData.com
www.cloudanalogy.com
Course Overview
1. Introduction and Welcome
2. Postman
a. Using Postman
b. Getting the API Key from chatGPT
c. Setting up Postman
d. Testing Postman and API
3. Simple HTML page using chatGPT
4. Online HTML test
5. Web Application on 000Webhost
a) Uploading files
b) Setting the API Key
c) Testing
6. Modifying the images using Canva
7. Finished site and adapting to your site name/needs
Copyright ©
2 Postman
• Postman is a simple interface to test API’s and try different models
• Allows easy identification of errors
• Fast prototypes of API endpoints
• Useful for other API’s
Links: www.postman.com
To Get API Key: https://platform.openai.com/playground
Endpoint to copy to postmap : https://api.openai.com/v1/chat/completions
JSON Code for postman Body include all code here:
{
"model": "gpt-3.5-turbo",
"messages": [
{
"role": "system",
"content": "you are a plant grower"
},
{
"role": "user",
"content": "provide the steps to grow plants in winter"
}
]
}
3 ChatGPT
• Required to get the API keys
• Used as the LLM to for your chatbot
Note: It may require paid version or Adding credits to your account.
See next Slide and buy credits.
Links: https://platform.openai.com/playground
Adding Credits: https://platform.openai.com/account/limits
4 Simple HTML and Test in Online server
• Test the HTML and the API works from a code execution server
Code: for the Simple HTML is in Resource Folder called: simple.html –
open with textpad/notepad
Links: https://onecompiler.com
5 000Webserver and Responsive UI files
• A live website to host your chatbot – or use local webserver
• File will be in the WebFiles ResourcePack:
Links: https://www.000webhost.com/
Or choose a free webhost of your choice where you can upload custom
HTML files.
6 Canva
• Modify and update the background and images
Links: https://canva.com
Upload the files to the assets folder in the webserver.
Note: the filenames must be the same or overwritten.
6 Customising the site
• Modify index.html – to Change Document Title
• Modify the Initial Prompt- script.js
• Update your APIKey – script.js
• Advanced - Modify the tokens and the temperature 0.1 to 0.9 *note high temp is more
creative- script.js
Disclaimer: While every effort was made to ensure
this training and the code executes correctly.
Platforms, software and services may change, we
aim to keep our content as updated as possible. If
you require more support, you can request help
from us, and we will look to support where possible,
and within reason.
USE POSTMAN +
BUILD CHATGPT WEBSITE
BASIC TRAINING FOR DEVELOPING AI - CHATGPT
Copyright © 1stForData.com info@1stForData.com
www.cloudanalogy.com
