Chat GPT 3 OpenAI HTML 5

제품 정보

$96.13
cart 장바구니에 담기 즐겨찾기
사용 설명서 문서 실시간 미리 보기

개발자

MahmoudKatga
코드 샘플 요청 다이렉트 메세지

Sep 1, 2024

공개 채팅

제품 세부 정보

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

설치 지침

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

변경 및 적응 지침

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

가격 정보

가격 통계

최고 가격
$NA
평균 가격
$NA
최저 가격
$NA
AI 가격 예측
$NA

인사이트

제한된 미리 보기


실제 제품에는 모든 파일과 전체 코드가 포함되어 있습니다.

종속성 확인

제품 외부 종속성 보기

무작위로 선택한 샘플 파일

프로젝트 파일 통계

계층구조

샘플 파일 선택
X

문의하기

  • 비즈니스 개발자를 위한 최신 정보를 원하십니까? 소스 코드 프로젝트에 대한 PieceX 커뮤니티의 요구사항을 알아보세요. PieceX의 최신 무료 커뮤니티 코드를 빠르게 알려드립니다.
PieceX Logo