Create Your Own ChatGPT in HTML CSS and JavaScript | ChatGPT Clone HTML CSS and JavaScript

Sdílet
Vložit
  • čas přidán 25. 08. 2024

Komentáře • 158

  • @CodingNepal
    @CodingNepal  Před rokem +15

    Build A Google Gemini Clone using HTML, CSS & JavaScript: czcams.com/video/31dmameWOR8/video.html

    • @kameshg964
      @kameshg964 Před 10 měsíci +3

      pls give soure code

    • @SurajPandey-vi9gr
      @SurajPandey-vi9gr Před 4 měsíci

      After the update it, looks like there is no free trial ?

    • @CodingNepal
      @CodingNepal  Před 3 měsíci

      Yes, It seems OpenAI no longer provides free credits for API usage. The minimum cost to get started is now $5. Once the payment is made, your ChatGPT clone project should work as expected.

  • @scapesteam
    @scapesteam Před rokem +8

    Amazing content, HONESTLY THIS IS THE BEST CODING CHANNEL ON CZcams!!! Keep it up. Love the stuffs you guys do.

    • @scapesteam
      @scapesteam Před rokem

      Honestly it would be cool if there was a way to actually recommend you the next video.

    • @scapesteam
      @scapesteam Před rokem

      Every video you make is already my favourite but still. a way to recommend would be cool

    • @simple_boy_077
      @simple_boy_077 Před rokem +1

      +

    • @vishnuvardhan-rb8cc
      @vishnuvardhan-rb8cc Před 4 měsíci

      @@scapesteam bruh bot

  • @Eternal-Bhakti
    @Eternal-Bhakti Před rokem +9

    it shows error after providing Correct api also

  • @KnowItWithWilliam
    @KnowItWithWilliam Před rokem +7

    Bro, How to fix - Oops! Something went wrong while retrieving the response. Please try again.

  • @Dumiya123
    @Dumiya123 Před rokem +2

    avesome bro . From Sri Lanka 👍

  • @docpatel7399
    @docpatel7399 Před 5 měsíci +1

    That is a unsure way to put the API key no? If the application is hosted would it not be accessible through the browser?

  • @m.areeshrashid705
    @m.areeshrashid705 Před rokem +2

    Awesome Project 👍. Please Resume Generator HTML CSS JavaScript

  • @bidhan_niroula
    @bidhan_niroula Před rokem +2

    Great work
    It makes better if you have streamed response

  • @liviuc1946
    @liviuc1946 Před rokem +21

    Anybody asked chatgpt "How to create a ChatGPT clone in HTML, CSS, and JavaScript " ? 😜

  • @ritika8539
    @ritika8539 Před rokem

    sir your videos are really great

  • @Azalea_tube
    @Azalea_tube Před rokem +2

    can we use Bard API_KEYS instead? open ai available in only 45 countries. pls make a video. and let me know if you see this comment.

  • @buzzkagirl
    @buzzkagirl Před rokem +1

    Please make a video on, train running status website using rapid API keys..

  • @mounir101
    @mounir101 Před rokem +1

    Pretty awesome work. thanks

  • @ginocote
    @ginocote Před rokem +3

    From where can we download this code?

  • @azzamhaer
    @azzamhaer Před rokem +3

    hey bro, how to make automatic ChatGPT API keys, and no need to enter before accessing the page?

    • @CodingNepal
      @CodingNepal  Před rokem

      The API key requirement before access the page is only for my demo project. If you follow the video, then you don't need to do that.

    • @azzamhaer
      @azzamhaer Před rokem +1

      @@CodingNepal ill do it

  • @기미도
    @기미도 Před rokem

    thank you so much. it's awesome

  • @LORD-OF-AI
    @LORD-OF-AI Před 5 měsíci

    HOW CAN NEPAL DO THIS!!!
    TALENTED

  • @saifullahqadeer4u
    @saifullahqadeer4u Před rokem +1

    Awesome 👍👍 keep it up

  • @juma_alpha
    @juma_alpha Před rokem +1

    like your creativity sir...really challenging me alot..keep up another like from me

  • @webhimel
    @webhimel Před rokem

    you're really a creative man

  • @lukas.webdev
    @lukas.webdev Před rokem +2

    Great video! Keep it up! 😉🔥

  • @vz4
    @vz4 Před rokem +1

    that sick 🔥

  • @user-fw8hw1qu4k
    @user-fw8hw1qu4k Před rokem

    great work🎉🎉

  • @MindsetA.I
    @MindsetA.I Před rokem +1

    can i change the model to gpt-3.5-turbo?

  • @rushikeshavachat4282
    @rushikeshavachat4282 Před rokem

    Awesome Coding nepal.😀😀😘😘

  • @buzzkagirl
    @buzzkagirl Před rokem

    Good work 👍👍

  • @TechAyush001
    @TechAyush001 Před rokem

    Best Ever ❤

  • @asian.drama031
    @asian.drama031 Před rokem

    Such an amazing project

  • @sleepingbear7897
    @sleepingbear7897 Před měsícem

    Thanks

  • @yashdhawade5341
    @yashdhawade5341 Před 4 měsíci

    How do you create copy, delete, theme
    and send buttons in one line?

  • @mudiaomokri1066
    @mudiaomokri1066 Před rokem +1

    How do get this https link

  • @anniesshort
    @anniesshort Před rokem +2

    Help us with source code please 🙏

  • @shabanrasheed771
    @shabanrasheed771 Před 20 dny

    my error in api how i solve this

  • @BruceShira
    @BruceShira Před 10 měsíci

    amazing video , cant find the link for the google fonts

  • @aubisokahaftungsbeschrankt6406

    can you show how a assistant from openai is connected?

  • @rigood4235
    @rigood4235 Před rokem

    Awesome!!!!!

  • @dubfy
    @dubfy Před rokem +1

    Oops! Something went wrong while retrieving the response. Please try again.

    • @CodingNepal
      @CodingNepal  Před rokem

      The free OpenAI API is available for three months after creating an account. After that, it becomes a paid service. To continue using the API for free, create a new account and API key for limited usage.

  • @dailymasala614
    @dailymasala614 Před 7 měsíci

    Brother, I have a question that AI also created a website and clones. As I am learning Html, CSS. But I am also worried if AI creating everything just saying how my website should look like just typing the instructions without writing any code. So how i should see this. Please give me your views or make an video about this if possible. Because if everything is happening without writing a code. How we can add more value by learning HTML and CSS.

  • @yubiroaster6285
    @yubiroaster6285 Před rokem +1

    Damn🤯.... What a project 👏

  • @danicoding
    @danicoding Před rokem

    Very nice❤

  • @bhavikyadav2934
    @bhavikyadav2934 Před 11 měsíci +1

    dude please give the links to your source code

  • @xuananhofficial7879
    @xuananhofficial7879 Před 8 měsíci

    why model ?

  • @janakpanthi78
    @janakpanthi78 Před rokem

    Can you make room gpt please❤🙏

  • @arijitsarker7570
    @arijitsarker7570 Před 11 měsíci

    Can you show me the new chat button configuration in javascript?

  • @jaredthomas2943
    @jaredthomas2943 Před 3 měsíci

    the console says "POST" has too many uses

  • @Muhammad-Hanzala
    @Muhammad-Hanzala Před rokem

    how to upload documents through the prompt

  • @Elysian_Editzz
    @Elysian_Editzz Před 5 měsíci

    sir there is any documentaion about this project

  • @sumitdas2004
    @sumitdas2004 Před rokem

    After making the HTML and CSS I strated the JS part. When I fetched the API it is showing- API likit reached check billing.... I think API is no more free.

    • @satyamkarn9227
      @satyamkarn9227 Před rokem

      create another account with different phone number and emailID

  • @coding_with_mayavi0
    @coding_with_mayavi0 Před rokem

    35:00 new way for copy text to clipboard is work enyware ?

  • @lusiviacravetofficial
    @lusiviacravetofficial Před 3 měsíci

    I can't run it :/

  • @shubhammali706
    @shubhammali706 Před 11 měsíci

    If we deployed this website on github or any other server API Key gets disabled due to api key exposion ..
    So how to use api key without exposing it in js?

    • @CodingNepal
      @CodingNepal  Před 11 měsíci

      You can use Node.js to send secure API requests from the backend, as it's not possible to securely hide API keys using plain JavaScript.

  • @zubarer
    @zubarer Před rokem +2

    please give source code

    • @CodingNepal
      @CodingNepal  Před rokem

      Source code will be uploaded soon on my website - www.codingnepalweb.com

  • @Balan_E
    @Balan_E Před rokem

    Good bro, Ai video editing website creation it bro.

  • @gurmeetkumar6020
    @gurmeetkumar6020 Před rokem

    Please make a video on Anime Streaming website like 9anime using HTML, CSS and Javascript

  • @Familytimemem
    @Familytimemem Před 11 měsíci

    hi can you share in there with your source code because i cant open with zip

  • @secret_7025
    @secret_7025 Před 11 měsíci

    Where to host it

  • @dileepkr6069
    @dileepkr6069 Před 22 dny

    Is it really working

  • @m.areeshrashid705
    @m.areeshrashid705 Před rokem

    Please Create JavaScript Tutorial Playlist.

    • @CodingNepal
      @CodingNepal  Před rokem

      It's available on my channel.

    • @m.areeshrashid705
      @m.areeshrashid705 Před rokem

      Please Create JavaScript Tutorial Playlist step by step concepts clear.

  • @rushikeshavachat4282
    @rushikeshavachat4282 Před rokem

    make this video using next js,typescript & tailwind css usin redux.Thank you🤗🤗😐😐😵‍💫😵‍💫

  • @ammarabhatti8261
    @ammarabhatti8261 Před 5 měsíci

    🥲🥲can you make a poject where free api is available ?? when I created API it didnt work because it is paid not free

  • @shubhsinha3896
    @shubhsinha3896 Před rokem

    bring some react tutorials bro, single page application with redux toolkit

  • @coding_with_mayavi0
    @coding_with_mayavi0 Před rokem

    I thought javascript is easy but my mind you gona see somthing big😂 😮😮can you provide a javascript full free course

  • @musicalsworld1455
    @musicalsworld1455 Před rokem +1

    Great Project sir. But can't download source code.

    • @CodingNepal
      @CodingNepal  Před rokem +1

      Source code will be uploaded soon on my website - www.codingnepalweb.com

    • @musicalsworld1455
      @musicalsworld1455 Před rokem +1

      @@CodingNepal Failed to load resource: the server responded with a status of 429 ()
      Facing this problem sir after using API_KEY from chatgpt.

    • @RS33
      @RS33 Před rokem +1

      @@CodingNepal Failed to load resource: the server responded with a status of 429 ()
      Facing this problem sir after using API_KEY from chatgpt
      please solve the problem

    • @RS33
      @RS33 Před rokem

      @@CodingNepal create short video for solve problem

  • @mdsarowarhosen4545
    @mdsarowarhosen4545 Před rokem

    Brother,
    Suddenly it stopped working.
    Can't understand what is happening.
    I have tried changing the api key. But it isn't working.
    Any suggestions?

    • @CodingNepal
      @CodingNepal  Před rokem

      The free OpenAI API is available for three months after creating an account. After that, it becomes a paid service. To continue using the API for free, create a new account and API key for limited usage.

  • @himanshudixit3376
    @himanshudixit3376 Před 11 měsíci

    why it is generating random answers such i typed hii and as reponse i got a cpp code

  • @godfreyogbeide2340
    @godfreyogbeide2340 Před 7 měsíci

    Good code, can we get this code ?

  • @coding_with_mayavi0
    @coding_with_mayavi0 Před rokem

    And i learn a function is trim(l for rimove white space , right

    • @CodingNepal
      @CodingNepal  Před rokem +1

      Yes, it is true that the trim() method in JavaScript removes any extra whitespace from both ends of a string.
      const email = " abc@gmail.com ";
      const trimmedEmail = email.trim();
      console.log(trimmedEmail); // Output: "abc@gmail.com"

    • @coding_with_mayavi0
      @coding_with_mayavi0 Před rokem

      @@CodingNepalcan you provide a full javascript cous in free or you knlw some on provide the course free?

  • @RANGANATHANJCSEUG-Batch
    @RANGANATHANJCSEUG-Batch Před 10 měsíci

    Can you provide source code for clarification

  • @HRANIMEINHINDI
    @HRANIMEINHINDI Před rokem

    LUKO KING CLONE ❤❤❤

  • @andreengelbrecht5204
    @andreengelbrecht5204 Před rokem

    I followed this and got this error:
    Oops! Something went wrong while retrieving the response. Please try again.
    Any ideas why I am getting this?

    • @CodingNepal
      @CodingNepal  Před rokem

      It appears that there is an error within the code in the try block. This error could be due to an invalid API key, a typo, or something else. To identify the error, you can use console.log(error).
      try {
      // Your code goes here
      } catch (error) {
      console.log(error);
      // Additional code or error handling can be added here
      }

    • @dongarevikramnarayan179
      @dongarevikramnarayan179 Před rokem

      @@CodingNepal sir i also face same problem

    • @dongarevikramnarayan179
      @dongarevikramnarayan179 Před rokem

      is your problem solved

    • @Nimisha844
      @Nimisha844 Před 9 měsíci

      @@CodingNepal hello sir whenever i send a prompt in these application it is showing error about too many request error 429.Please can you help me in these.I checked my code multiple times and i followed all your api key generation steps but these error is no vanishing.

  • @HoangNguyenViet-n6z
    @HoangNguyenViet-n6z Před měsícem

    Can you guide me to use other free APIs

    • @CodingNepal
      @CodingNepal  Před 28 dny

      Follow these steps to configure your script.js file to use free Google Gemini API instead of paid OpenAI API.
      1. 26:40 In line 16, update the API URL to:
      const API_URL = `generativelanguage.googleapis.com/v1/models/gemini-pro:generateContent?key=${API_KEY}`
      2. 27:06 In line 18, update the requestOptions object to:
      const requestOptions = {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
      contents: [{
      role: "user",
      parts: [{ text: userText }]
      }]
      }),
      };
      3. 28:20 In line 6, paste your API key, which you can get for free from aistudio.google.com/app/apikey
      4. 30:58 In line 39, update:
      pElement.textContent = response.candidates[0].content.parts[0].text; // Update message text with API response
      This will allow your ChatGPT to function using the free Google Gemini API.

  • @user-jf1zq9gq7h
    @user-jf1zq9gq7h Před 11 měsíci

    hi i have a premium chatgpt why this respond Oops! Something went wrong while retrieving the response. Please try again.

    • @CodingNepal
      @CodingNepal  Před 11 měsíci

      ChatGPT and OpenAI API subscriptions are different.

  • @KnowItWithWilliam
    @KnowItWithWilliam Před rokem

    We are waiting for the sorce code for the ChatGPT, Please upload it soon..

    • @CodingNepal
      @CodingNepal  Před rokem

      Source code will be uploaded soon on my website - www.codingnepalweb.com

  • @twinomugishamorris2340
    @twinomugishamorris2340 Před 10 měsíci

    source coe?

  • @samuelawe2641
    @samuelawe2641 Před rokem

    We can't download the code to follow the project.

    • @CodingNepal
      @CodingNepal  Před rokem +1

      You don't need to download the code to follow this project. Simply watch the video tutorial. Complete source code will be available soon on my website codingnepalweb.com for download.

    • @utkarshsiddhpura2401
      @utkarshsiddhpura2401 Před rokem

      @@CodingNepal every programmer has its own website with his features😅😅😅

  • @indracode7
    @indracode7 Před rokem

    👍

  • @tejasmane2588
    @tejasmane2588 Před rokem

    I got an error while getting answer from it

  • @alibikhasenov3726
    @alibikhasenov3726 Před rokem

    Help solve the error 429 please
    "error":
    "message": "You exceeded your current quota, please check your plan and billing details.",
    "type": "insufficient_quota",
    "param": null,
    "code": null

    • @CodingNepal
      @CodingNepal  Před rokem

      The free OpenAI API is available for three months after creating an account. After that, it becomes a paid service. To continue using the API for free, create a new account and API key for limited usage.

    • @atheisttttt
      @atheisttttt Před rokem

      @@CodingNepal no
      I created an API key today only.
      But having the same error.
      I guess credit card link is mandatory

    • @CodingNepal
      @CodingNepal  Před rokem

      It doesn't matter; when you've created an API key, if your account is older than 3 months, the API won't work until you pay. So, create a new account and API to use it for free for limited usage.

    • @atheisttttt
      @atheisttttt Před rokem

      @@CodingNepal no I created my account yesterday only

  • @prasadbagul2146
    @prasadbagul2146 Před rokem

    Very Nice Video

  • @codinggrits6504
    @codinggrits6504 Před rokem

    iska soource code milega kya ?

    • @CodingNepal
      @CodingNepal  Před rokem

      Source code will be uploaded soon on my website - www.codingnepalweb.com

    • @codinggrits6504
      @codinggrits6504 Před rokem

      to load resource: the server responded with a status of 429 () . why give this error

  • @azzamhaer
    @azzamhaer Před rokem

    gmail inbox using php

  • @shubhsinha3896
    @shubhsinha3896 Před rokem

    how to get the openAI API key, is it free?

    • @CodingNepal
      @CodingNepal  Před rokem

      Go to this url: platform.openai.com/account/api-keys, login and create an API key. It's free.

    • @shubhsinha3896
      @shubhsinha3896 Před rokem

      ​@@CodingNepal ok thanks

  • @asian.drama031
    @asian.drama031 Před rokem

    where i can get free api_key ??

  • @dongarevikramnarayan179

    How to fix - Oops! Something went wrong while retrieving the response. Please try again.

    • @CodingNepal
      @CodingNepal  Před rokem

      The free OpenAI API is available for three months after creating an account. After that, it becomes a paid service. To continue using the API for free, create a new account and API key for limited usage.

    • @dongarevikramnarayan179
      @dongarevikramnarayan179 Před rokem

      @@CodingNepal ok sir

    • @dongarevikramnarayan179
      @dongarevikramnarayan179 Před rokem

      @@CodingNepal yes sir, it's work thank you

    • @MysteryMan-wg5db
      @MysteryMan-wg5db Před 10 měsíci

      @@CodingNepal Mine I made a few weeks ago but the source code provided still doesnt work

  • @AhadSTS2.0
    @AhadSTS2.0 Před rokem

    Is this API paid...?

  • @Muhammad-Shahab
    @Muhammad-Shahab Před rokem

    Hey I saw your chatgpt clone in my browser
    When I would right click it would say you cannot view or copy source code then I pressed f12 and then I downloaded all source code haahahhaa. and another thing when I messaged chat gpt would say invalid api key.
    🤓🤮🤮🤮🤮🤓😎😎😎😎😎

  • @azzamhaer
    @azzamhaer Před rokem

    Source code CHATGPT clone plzzz

    • @CodingNepal
      @CodingNepal  Před rokem

      Source code will be uploaded soon on my website - www.codingnepalweb.com

  • @GoogleSoftwareEnginear

    Awesome Bro Can U provide the code

    • @CodingNepal
      @CodingNepal  Před rokem

      Get source code from here: www.codingnepalweb.com/create-chatgpt-clone-html-css-javascript/

    • @muhammadvitoni1802
      @muhammadvitoni1802 Před rokem

      ​@@CodingNepal
      this is an error after entering the API_keys what should I do

  • @Trigoter
    @Trigoter Před rokem

    😱😱🤯🫵🏻👍🏻

  • @user-ki4kw4lg2m
    @user-ki4kw4lg2m Před 9 měsíci

    I need help how i can contact you?