hkng / openai-chatgpt3-clone

ChatGPT UI clone for fun.

Home Page:https://chatgpt-clone-yny.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Open AI ChatGPT Chat Page Clone

Fun project to get much familiar with TailwindCSS and still be able to use ChatGPT bot when it is at full capasity 👹

It's looks like;

main_screen

Happy chating 🤟🏻

Installation

## Clone the repository to your local
git clone https://github.com/yagizhanNY/openai-chatgpt3-clone.git

## Navigate to project's directory
cd openai-chatgpt3-clone

## Install the packages
npm install

After these steps you have to create an OpenAI account to create an API. You can create an account from this link. Then you have to create an API key. Copy apiKey and organizationId and paste it to src/environments/environment.prod.ts and src/environments/environment.ts files as shown below.

// environment.ts file
export const environment = {
  production: false,
  organizationId: "{your organization id}",
  openAiApiKey: "{your api key}",
};

Then you are ready to run the application!

npm run start

You can try the DEMO.

About

ChatGPT UI clone for fun.

https://chatgpt-clone-yny.web.app/


Languages

Language:TypeScript 69.4%Language:HTML 17.8%Language:JavaScript 10.7%Language:CSS 2.0%