I Built an AI Chrome Extension in 30 Minutes

Поділитися
Вставка
  • Опубліковано 27 січ 2025

КОМЕНТАРІ • 103

  • @manuarora
    @manuarora 2 місяці тому +120

    Maza agaya 🫶

    • @kashinadoing
      @kashinadoing 2 місяці тому +1

      are sir app yahaa pee

    • @rubyciide5542
      @rubyciide5542 2 місяці тому +1

      Angular try Karo paaji aur bhi maza ayega 💀

  • @rishiraj2548
    @rishiraj2548 2 місяці тому +5

    Congratulations, Piyush, for building it. And, thanks for Inspiration.

  • @data-engineering-for-all
    @data-engineering-for-all 2 місяці тому +3

    Very Lucky to have a Gem like Piyush Garg for beginners like me.

  • @OperationalOwl
    @OperationalOwl 19 днів тому +1

    14:17 you can use XPATH to select that button and extract its string which has selected programming language mentioned in it

  • @ahmadparizaad
    @ahmadparizaad 11 днів тому

    Amazing stuff
    Loved it ❤❤

  • @kanhaiyagoyal9847
    @kanhaiyagoyal9847 2 місяці тому +1

    Thank U Bhaiya I am following you the journey of coding 😊

  • @geekySRM
    @geekySRM 2 місяці тому +15

    I am working on the exact same idea. Happy to see you got the same idea too.
    I already have a leetcode video solutions extension with 30K+ users.

    • @MdShihabUddin-dh5vc
      @MdShihabUddin-dh5vc 2 місяці тому

      from where you get the video of solution ? did you make the video yourself? or get from somewhere else

    • @Rajeshraju-n8u
      @Rajeshraju-n8u Місяць тому

      Name of the extension please say

    • @geekySRM
      @geekySRM Місяць тому

      @@Rajeshraju-n8u just google "leetcode video solutions".

  • @yashsingalkar9575
    @yashsingalkar9575 2 місяці тому +2

    Dsa folks: I will solve leetcode hard problems today.
    Le developers: Let me help you with that😂

  • @sayantanbiswas9702
    @sayantanbiswas9702 2 місяці тому +2

    If this extension requires a server, hosting costs make it unsustainable without charging users. Great project though-looking forward to its progress!

  • @AhmadAli-d7b9d
    @AhmadAli-d7b9d 11 днів тому

    You are greate man. love you buddy from the depth of my heART

  • @codelover_
    @codelover_ 2 місяці тому

    First time commenting on your video, lot's of respect to you by the way nice video/information ❤

  • @DheerajGoswami-v3o
    @DheerajGoswami-v3o 2 місяці тому

    That is amazing project just in 45 minutes.

  • @WebDevUsman
    @WebDevUsman 2 місяці тому

    Bro your content 🔥🔥 🚀🚀

  • @ANKITVERMA-yu4ro
    @ANKITVERMA-yu4ro 2 місяці тому

    Awesome bhaiya 🔥🔥🔥🔥

  • @innovatorshome
    @innovatorshome 2 місяці тому +1

    JavaScript is beautiful ❤️❤️❤️❤️

  • @Suraj.5260
    @Suraj.5260 2 місяці тому

    I will try it out and try to contribute too 🔥🔥💯

  • @indianlion9652
    @indianlion9652 2 місяці тому +9

    2 days ago I also created a chrome extension, which can apply various dark mode colors and text color to any website. I created that to help me in choosing dark mode colors for my websites. With the help of chat gpt it took me around 30 minutes.but I didn't publish it as it requires money to publish the extension. So I can only use it myself 😅

    • @ganeshmk2652
      @ganeshmk2652 2 місяці тому

      Nice bro, can i get this project repo please

    • @vishwashpatel5843
      @vishwashpatel5843 2 місяці тому

      Can I get the repo link if possible bro ?

    • @DeeVee47
      @DeeVee47 25 днів тому

      Hey can you drop me the repo for it or the dist folder?

  • @ran-dom-guy-on-yt
    @ran-dom-guy-on-yt 2 місяці тому

    Excited

  • @mohdamir5934
    @mohdamir5934 2 місяці тому

    this is what I need right now.

  • @pandeymitarth7102
    @pandeymitarth7102 2 місяці тому

    great video and nice work

  • @omanandswami2005
    @omanandswami2005 2 місяці тому

    Wonderfull creation!

  • @chetandivekar1813
    @chetandivekar1813 2 місяці тому +4

    It seems like the implementation might not be optimal (AI part). Providing the entire context, such as your very Big prompt and DOM information, to GPT every time could be costly in terms of input tokens.

    • @codecurrents
      @codecurrents 2 місяці тому

      Exactly, can you help me to make it better? You can pitch some good ideas as well.

    • @jatingera924
      @jatingera924 Місяць тому

      @@codecurrents can we do encoding to decrease token size??? is it any way possible or like other way: to remove unwanted or repetitive characters like 'is', 'a', 'the', kinda words... or using text analyser to remove them using python module or normal filter condition; one other possible way like to reduce prompt input characters such that it doesn't loose semantic of it (as token size depends on characters written, that's why got these ideas randomly, hit me up if you like so)

  • @ManishKumar-kw7qe
    @ManishKumar-kw7qe 2 місяці тому

    great sir ,thanks❤❤❤❤❤❤

  • @Dinkar_Thakur
    @Dinkar_Thakur 2 місяці тому +2

    Whenever I work on an idea, it goes well for some time.
    But then, it eventually gets stuck in errors.

  • @sudiptamondal8874
    @sudiptamondal8874 2 місяці тому +6

    I also created a chrome extension Detoxify which filter you tube search videos according to views, comments and likes

  • @ektharaja0607
    @ektharaja0607 2 місяці тому +7

    It would be more interesting if we could find a way to use open-source models, as many people, including me, don't have an OpenAI API key. I usually work with open-source models, so I'll try to explore this myself. Others can also work on this-it would be a really interesting problem to solve.
    Piyush bhai, you’ve always been my go-to person for learning something new. Much love to you!

    • @sayantanbiswas9702
      @sayantanbiswas9702 2 місяці тому +3

      You can try free APIs like:
      1) Groq - Similar format to OpenAI's API, making it a drag-and-drop replacement.
      2) Gemini - Has a different structure, requiring some additional code.
      Alternatively, you can use Ollama to run open-source models locally and access its API. However, I’m not sure if Ollama’s API can be accessed directly from the browser.
      All the best

  • @NeelPrajapati-v7c
    @NeelPrajapati-v7c 2 місяці тому

    I am ready for it❤❤❤❤❤❤

  • @meditation7981
    @meditation7981 2 місяці тому +2

    Hi Piyush,
    I am trying to build chrome extension with same approach where a user ask a query from text box but I am getting error as 429- openAI rate limit
    Do I need to have a chatgpt subscription ??

  • @techy912
    @techy912 2 місяці тому

    I will try to contribute in this extension

  • @basirkhan4610
    @basirkhan4610 2 місяці тому +2

    Sir, I have a question. For each user request, we are sending a lengthy prompt, which increases token usage and gradually raises costs. Can we optimize this by providing only the necessary context for the GPT model, perhaps by using a Retrieval-Augmented Generation (RAG) model or a similar approach to save costs effectively?

    • @sayantanbiswas9702
      @sayantanbiswas9702 2 місяці тому +1

      Most chatbots store full chat history. RAG is different - it pulls in outside info for better answers. It works well for research, summaries, and specialized tasks.
      Trying RAG in regular chats could be an interesting experiment.

    • @basirkhan4610
      @basirkhan4610 2 місяці тому

      @@sayantanbiswas9702 yes I think so .

  • @faizanalam8823
    @faizanalam8823 2 місяці тому +1

    Is the process same for different bundlers or some minor changes?

  • @soubikgolui3437
    @soubikgolui3437 2 місяці тому

    16:48 .. thanks for the key 👍

  • @kcreations5478
    @kcreations5478 2 місяці тому

    Awesome

  • @practicaltechyoutubechanne9731
    @practicaltechyoutubechanne9731 Місяць тому

    Hi piyush, hope you are still active in this project as no commits are done from the last 2 weeks.

  • @kashinadoing
    @kashinadoing 2 місяці тому

    i thought you made this extension with the new AI features which are getting available in the new Web API i would really appreciate if you make a video on that

  • @Nationsacademy
    @Nationsacademy 2 місяці тому

    Next video please on School Management System using ReactJS

  • @firozalam2749
    @firozalam2749 2 місяці тому +1

    bhai aapne abhi tk monetize kyo ni kiya apna channel

  • @chetanjha6019
    @chetanjha6019 2 місяці тому

    Piyush please guide in proper way like what to we have to install and other things.

  • @formhustler8633
    @formhustler8633 2 місяці тому

    Hey piyush can you teach us Goland?

  • @ashutosh__018
    @ashutosh__018 2 місяці тому +3

    can we cheat in live contest using this?

    • @dishantsharma8614
      @dishantsharma8614 2 місяці тому

      Yes you can. But be ready to lose the account when someone reports plag 😊

  • @vaibhavshankarjoshi
    @vaibhavshankarjoshi Місяць тому

    can we do something like download ollama in our system and then use it using extension locally and genrate code, like use ollava model or something

  • @prasenjitnayak_
    @prasenjitnayak_ 2 місяці тому +9

    Ja rha hu readme file se space hata ke kontributor ban jaunga 🤡

  • @ezExplainsssss
    @ezExplainsssss 2 місяці тому

    Shall we use Gemini ai api ?? For free usage

  • @CAT-hii
    @CAT-hii 2 місяці тому

    Sorry, but not able to run project locally, getting a blank screen when i run npm run dev. I Installed the extensions. It's good to include to steps to run project locally or make a small video how to run locally

  • @wasifirshad9818
    @wasifirshad9818 Місяць тому

    Is there any step by process how to get OpenAI key

  • @soundcloud1298
    @soundcloud1298 2 місяці тому +1

    openai api is paid or free ?

  • @bprince203
    @bprince203 2 місяці тому

    can we get the video on ,How to contribute in gsoc project for begginer

  • @animeverss
    @animeverss 2 місяці тому

    extension name plz

  • @azharalibhutto1209
    @azharalibhutto1209 2 місяці тому

    ❤❤❤

  • @sssrikanthhh
    @sssrikanthhh 2 місяці тому +3

    Bro is killing us with this banger content❤😭😭

  • @PiYusHJain-oe3wm
    @PiYusHJain-oe3wm 2 місяці тому

    Wow i didn't know building Chrome extension is this simple. I mean if you already have knowledge of web dev

  • @visiion1998
    @visiion1998 2 місяці тому

    Ai cant be learned in JavaScript language?

    • @x7dl8p
      @x7dl8p 2 місяці тому +3

      can be learnt and it's like saying, "a website can't be made in rust ?" well it can be, but who F has that much of energy and will power to do, and fine-tuning a neural network is already hard enough in python + it takes lots of money and resources, nobody is ready to do it, its more like a scale ⚖️, one side is time in development and the other side is time consumed in generation, to increase one side, other side have to go down, if want fast Ai we can make it in rust or javascript, but then the time taken to develop that Ai will too much, and in this money making industry investors wants fst return.

  • @BHOKA_भोका
    @BHOKA_भोका 2 місяці тому +2

    Har din ise me Lage rahate ho ya gindigi bhi gite ho

  • @sumukhhegde2158
    @sumukhhegde2158 2 місяці тому

    Hi, Can u make a tutorial on how to make Safari Extension without Ai.

  • @codewithecodevo
    @codewithecodevo 2 місяці тому

    Outstanding yaar ap is ma Gemini api key function bi add kara

  • @hetsavani3591
    @hetsavani3591 2 місяці тому +2

    There’s no way I can make it in 40 mins 😂

  • @joshigaming1971
    @joshigaming1971 2 місяці тому +52

    Next Video : I built My Own Girlfriend 👧

    • @Retro_1
      @Retro_1 2 місяці тому +1

      I actually need this project fr

    • @unmesh-ghosh
      @unmesh-ghosh 2 місяці тому

      Already made by developer Rahul... But that's not open-source...

    • @soumya3529
      @soumya3529 2 місяці тому

      I need this too

    • @manwhocanchange
      @manwhocanchange 2 місяці тому

      Ban gya cool?

    • @MrCaffiene
      @MrCaffiene 2 місяці тому

      Much needed

  • @dhyeyparekh4994
    @dhyeyparekh4994 2 місяці тому

    You are my inspiration. How can I be a very good software engineer just like you. My only goal is to be best Software Engineer. Can you provide some tips???

  • @w3bpiyush_
    @w3bpiyush_ 2 місяці тому +1

    hello sir give me some chrome extension idea

  • @gtavfunplay5575
    @gtavfunplay5575 2 місяці тому

    Bro Just want to have a conversation with you can you do that

  • @sahilverma_dev
    @sahilverma_dev 2 місяці тому

    me bhi bna rha hun sir 🫡

  • @abhaykumar7055
    @abhaykumar7055 2 місяці тому

    But video to 18min ki hi hai

  • @tootsie7122
    @tootsie7122 Місяць тому +1

    If you speaking another language please put in title

  • @TechOmkar
    @TechOmkar 2 місяці тому

    First ❤

  • @tranzienttech8011
    @tranzienttech8011 2 місяці тому

    that's great awesome if you need my help i will be touch for my better understanding and contributing

  • @NotDefinitelyNotMe
    @NotDefinitelyNotMe 2 місяці тому

    We shouldn't promote the use of AI on leetcode...

  • @vikashthakur-d5t
    @vikashthakur-d5t 2 місяці тому

    First one

  • @p_s1dharth
    @p_s1dharth 2 місяці тому

    I uploaded the same video 😂😂 on my Channel lol Piyush bhai 🥳

  • @Viveksharma0157
    @Viveksharma0157 2 місяці тому

    Your all video are helpful
    But this is insane if can do obviously you can
    Make a video on aws livefaceness detection without using amplify plz do
    ( anti spoofing )

  • @NazmulHasan-xz2gr
    @NazmulHasan-xz2gr Місяць тому

    Impressive work, bhai!
    There is a better way to find the selected language and current code in the leetcode problem page. We can access monaco editor instance. With that instance, we can get those.
    const editor = window.monaco.editor.getModels()[0]
    const language = editor.getLanguageId()
    const code = editor.getValue()
    [I tried window.monaco.editor.getModel() but it's not working, I am not sure why. So I had to use first element of the array of window.monaco.editor.getModels() 😥]

  • @manishfe
    @manishfe 2 місяці тому +1

    Own GF when 🤣🤣🤣🤣

  • @firozalam2749
    @firozalam2749 2 місяці тому

    @piyushGarg i put my apikey but its not workin g