Chat GPT 3 OpenAI HTML 5
Developer
Public chat
Product Details
Chat GPT-3 OpenAI HTML 5
See it working: https://smartanimals.polartemplates.com/v1/
This is a model made in HTML 5.
Among the capabilities of this template are the creation of intelligent neural responses, continuation of dialogues, code generation, response to texts, and much more.
In the template, you can communicate with ten intelligent animals, each of which has been trained by AI to understand a specific subject. Additionally, you can create your own intelligent animal by customizing it to understand a specific subject by modifying a JSON file.
What you Get
- Documentation
- Html, css, PHP and javascript files
Notes
- You can test on a local server or you can host the html files on your preferred hosting.
- No database is used.
- The chat model used is InstructGPT.
- Not available in the Fine-tuning models template
- Current model: GPT 3.5 Turbo, GPT-3.5-turbo-16k, GPT-4, GPT-4-32k, text-davinci-003
- This is not a SaaS product.
How the API works
The template is directly linked to the Chat GPT-3 API. Each request made to the API by the chat consumes tokens, also called credits. The number of tokens and credits consumed varies depending on the size and type of the request, as well as the GPT-3 model used.
Users can purchase additional tokens and credits as needed and monitor usage through their OpenAI account platform at https://platform.openai.com/account/usage
The cost of tokens and credits varies depending on the size of the question or answer processed by the API. If all tokens and credits are consumed, the user will not be able to make any more API requests until more are purchased.
Users can check the price of each token and model via the following link: https://openai.com/pricing
FAQ
Is the product built on WordPress?
No, our product is developed entirely using HTML5, CSS3, PHP (for the API), and JavaScript. However, it can be integrated into a WordPress page if necessary.
Is this a SAAS product?
No, our goal with this product is to provide an HTML5 widget with integration to the Chat GPT API. The product does not have an administrative system, our goal is to make it easy for the user to purchase our template and easily implement our model into their systems according to their needs. We have plans to launch a SAAS model in the future with a CMS panel.
Do I need an OpenAI key to use the product?
Yes, it is mandatory to have an OpenAI key to use the model.
How is AI updated? AI updates are made through a JSON file. It is possible to add, delete, or remove new AIs and also train them with custom prompts.
Clear Documentation
Responsive (mobile compatible)
Including html, css and javascript files
Add, delete and modify new animals by json file
Assets PSD not included.
File Tree
-
📁 Chat GPT 3 OpenAI HTML 5
Installation Instructions
Create an account and generate your API_KEY.
Go to https://platform.openai.com/account/api-keys
img
To store your api key, you have 2 options:
Using a key on the frontend
You can put your API Key in a json file, without the need to use a server.
The advantage is that you don't need a server.
The disadvantage is that your API KEY is exposed, and other people can see it.
Then access the file.json file (html-files/json/config.json) and put your key in the API_KEY field between the quotes
img
Using a key on the backend
The second option, you can use a php file to store your key, so your key will be protected on the server
To use this option, you must set the "use_php_api" field to true in the config.json file.
Note: To use this option you will need a host with PHP 7 or higher
img
After modifying the config.json file, also modify the php file with your key
img
B) Configure your environment -
The CORS (Cross-Origin Resource Sharing) is a security measure that browsers implement to protect users against malicious attacks that can occur when a website attempts to access resources from another site. In other words, CORS is a security policy that browsers use to prevent a site from accessing information from another site without authorization.
When you try to run the index.html file locally and it makes a request to another file such as config.json, the browser may prevent the request from being completed due to the CORS security policy. This is because the browser is trying to protect you against possible malicious attacks.
To solve this problem, it is recommended to run the application on a local server on your machine such as WAMP, XAMPP or similar. Alternatively, you can upload the application to your website using FTP.
After configuring your environment, you can access index.html in your browser and test
Open the index.html file in your browser.
img
C) Customizing the project images -
The animal i
Change and Adaptation Instructions
-In the config.json file you can define if you want to use a filter for badwords.
This filter is great if you want to prevent the user from typing certain words in the
chat.