Chat Gpt UI built by Gpt 3 API responses directly in VS Code. Using HTML,CSS , JavaScript & FastAPI

preview_player
Показать описание
We will be building a ChatGPT like user interface using OpenAI GPT api responses directly in VS Code. we will code HTML, CSS, JavaScript front end and Python backend with FastAPI.

Timeline:
00:00 Demo and Introduction
01:15 Building the html
03:02 Coding the JavaScript
05:55 Separating HTML, CSS and JavaScript into their own files
06:55 GPT-3 API with FastAPI in Python backend explained
07:45 JavaScript Front end explained
12:53 Some final aesthetic touches
13:40 Review

#chatgpt #gpt3 #openai #htmlcssjavascript #htmltutorial #css #csstutorials #html #javascript #javascripttutorial #python #pythonprogramming #pythontutorial #fastapi #coding #programming #programmingtutorial #frontendwebdevelopment #backendwebdevelopment
  1. echohive
  2. CHATGPT
  3. GPT3
  4. GPT 3 API
  5. PYTHON
  6. FASTAPI
Рекомендации по теме
Let's Build ChatGPT 1:02:23

Let's Build ChatGPT 2.0 with React JS and OpenAI on your PC!

Chat Gpt UI 0:14:56

Chat Gpt UI built by Gpt 3 API responses directly in VS Code. Using HTML,CSS , JavaScript & Fas...

Build and Deploy 1:01:47

Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machine Learning

Advanced ChatGPT Guide 0:37:09

Advanced ChatGPT Guide - How to build your own Chat GPT Site

How ChatGPT Works 0:07:54

How ChatGPT Works Technically | ChatGPT Architecture

I Made an 0:00:32

I Made an App Using Chat GPT

How To Build 0:09:51

How To Build Your Own AI With ChatGPT API

ChatGPT in Python 0:14:25

ChatGPT in Python for Beginners - Build A Chatbot

Flutter Tutorials - 0:00:59

Flutter Tutorials - with AI, ChatGPT, no-code

How to use 0:22:21

How to use AI Art and ChatGPT to Create a Insane Web Designs

I speed-redesigned Chat 0:06:28

I speed-redesigned Chat GPT!

Custom GPT API 0:10:08

Custom GPT API Interface - Your Own Chatbot UI

What GPT-4 Can 0:00:40

What GPT-4 Can Really Do

Create a Python 0:03:56

Create a Python GPT Chatbot - In Under 4 Minutes

How to Build 0:18:36

How to Build a FULL App With ChatGPT in 20 minutes!

How to Integrate 0:11:45

How to Integrate a Custom GPT Into Your Website (Step-by-step Guide)

Chat GPT in 0:00:21

Chat GPT in the UI design process.

I Made My 0:06:33

I Made My Own UX/UI Tool With AI! - You Can Too 😍

Using ChatGPT with 0:16:29

Using ChatGPT with YOUR OWN Data. This is magical. (LangChain OpenAI API)

Build AI Chat 0:04:22

Build AI Chat Bot using ChatGPT API 👉 gpt-3.5-turbo 👈 #chatgpt #openai

Run your Own 0:16:46

Run your Own Private Chat GPT, Free and Uncensored, with Ollama + Open WebUI

Tip- 2: Chat 0:00:19

Tip- 2: Chat GPT and Figma short tutorial: A plugin that can talk with the ChatGPT..!! 🤞🤞

Build the Best 0:03:33

Build the Best UI Calculator App using Chat GPT! #openai #chatgpt #artificialintelligence

Can Chat GPT-4 0:13:26

Can Chat GPT-4 design a better UI than a human designer?

Комментарии
Автор

Man... it's just.. I've been thinking about this exact way of doing things not a long time ago. Like, 'Would it be great to just have a program that sort of takes you errors and googles it, then pastes it back to vs code'. Now I see what you did with GPT-3 and I'm so relieved I wasn't alone thinking this way. Bravo!

academai
Автор

Visual studio has a live server, will this also work? so if i type to chatgpt write me a navbar code, it'll write it directly in visual studio but will it also show in the live server?

jomfawad
Автор

Sir can I get the code for chat gpt that you made using python (gpt magic)

yashwanths.c.
Автор

Thanks again. BTW. I doubt this code will work on Linux or macOS - because you have a hard-coded directory path.

deepmixer
Автор

Would you be able to use the new ChatGPT API with this?

cinderlearnamove
visit shbcf.ru