Chat GPT 3 OpenAI HTML 5

Product Information

$96.13
cart Add to cart Favorites
User Guide Screenshots Live Preview Video

Developer

avatar
MahmoudKatga
Request Code Sample Direct message

Sep 1, 2024

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.



Customize Easy
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

A) Create your API Key on the openAI website -
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

-The product can be used in full and modified as you like without restrictions. But without offending anyone
-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.

Price Information

Price Statistics

Highest Price
$96.13
Average Price
$96.13
Lowest Price
$96.13
AI Price Forecast
$NA

Insights

Limited Preview Only


Real Product Contains All Files And Full Code

Check dependencies

See product external dependencies

Randomly Selected Sample File

Project File Statistics

Hierarchy

Choose a sample file
X
user-symbol

Stay in touch

Get Practical Tips For Business and Developers.

Learn about PieceX Community Needs for Source Code Projects.

Be the First to Know PieceX Newest Free Community Code Projects.