Chat GPT 3 OpenAI HTML 5

Informações do produto

$96.13
cart Adicionar ao carrinho Favoritos
Guia do usuário Visualização ao vivo

Desenvolvedor

MahmoudKatga
Solicitar amostra de código Mensagem direta

Sep 1, 2024

Chat público

Detalhes do produto

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.

Árvore de arquivos

  • 📁 Chat GPT 3 OpenAI HTML 5

Instruções de instalação

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

Instruções de alteração e adaptação

-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.

Informações de preço

Estatísticas de preço

Maior preço
$NA
Preço médio
$NA
Menor preço
$NA
Previsão de preço de IA
$NA

Insights

Apenas visualização limitada


O produto real contém todos os arquivos e o código completo

Verificar dependências

Ver dependências externas do produto

Arquivo de amostra selecionado aleatoriamente

Estatísticas do arquivo do projeto

Hierarquia

Escolha um arquivo de amostra
X

Fique em contato

  • Obtenha dicas práticas para empresas e desenvolvedores.
  • Saiba mais sobre as necessidades da comunidade PieceX para projetos de código-fonte.
  • Seja o primeiro a conhecer os mais novos projetos de código gratuito da comunidade PieceX.
PieceX Logo