Build Your Own Full-Stack ChatGPT App for Free with React, Express, MongoDB, and Google Gemini AI

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

КОМЕНТАРІ • 192

  • @jarencefeliciano
    @jarencefeliciano 6 місяців тому +12

    This man keeps me in goosebumps whenever he share this massive course for free on YT. I bow down boss. 🔥

  • @SoftWal
    @SoftWal 6 місяців тому +6

    Lama Dev the best programming channel in youtube, thank you Bro

  • @ezevalentine7610
    @ezevalentine7610 6 місяців тому +4

    Thanks Lama Dev, you are making young Fullstack devs have great projects, this opens more doors for them. Thanks so much sir, we appreciate you

  • @Real_Burundian
    @Real_Burundian 6 місяців тому +10

    "Hello Friends" the moment i know i gonna learn something new 😁

  • @maxkabechani
    @maxkabechani 6 місяців тому +6

    Great video as always. You should make a full React course from props to hooks. Watched your use reducer tutorial, your teaching method is magic

    • @thinkerhuh
      @thinkerhuh 6 місяців тому +1

      He already teaches you making these awesome projects... I literally learned frontend with him, the best methods to learn is creating something to see how it works on practice

  • @coder5336
    @coder5336 6 місяців тому +3

    Finally an AI Chat project with React. This is looking great. Thank you so much ❤

  • @oghenefejiroprinceimene6090
    @oghenefejiroprinceimene6090 6 місяців тому +6

    I was actually thinking about when will you drop project again..and boom you did it again... thank you so much

  • @mr_oxd2925
    @mr_oxd2925 6 місяців тому +23

    My guy is cooking

    • @MichaelJoseph83
      @MichaelJoseph83 6 місяців тому +1

      Bro fr lama the goat 🐐

    • @clarinetojaycee
      @clarinetojaycee 6 місяців тому +1

      Let him cook😂😂

    • @vishalghule4807
      @vishalghule4807 6 місяців тому +4

      can we deploy it on any other sites , which are free ?

    • @MichaelJoseph83
      @MichaelJoseph83 6 місяців тому

      @@vishalghule4807 yes

    • @sushantkumarsingh2568
      @sushantkumarsingh2568 4 місяці тому

      ​@@vishalghule4807 I was trying on render but problem I faced was clerk api used here is not for production purpose

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

    LAMA DEV you are superrrrr amazing sir!
    An absolute Legend you are..
    thank you for these high quality projects ☺☺

  • @Leesdjo
    @Leesdjo 4 місяці тому

    Thank you Lama Dev. Always love your videos

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

    Wow that's Great. Thanks for the project

  • @yatharthmagraiya2962
    @yatharthmagraiya2962 22 дні тому +1

    Hey @Lama Dev, this project is quite extensive, but there's one thing it lacks: Every time I send a message to the AI, it feels like a new conversation. The AI doesn't remember our previous interactions.
    If you would teach us how to also add that feature that would be very helpful

  • @ousmanevincentdione9369
    @ousmanevincentdione9369 6 місяців тому

    Still Amazing Lama! Thank you for your quality videos!
    looking forward to learning micro frontend with you Single-spa!

  • @loyalvibing2300
    @loyalvibing2300 6 місяців тому +1

    Hey Lama Dev, your tutorials are just amazing! I'd like to suggest you to do more tutorials on building AI enhanced applications.. 🤩

  • @schmukentuken
    @schmukentuken 6 місяців тому

    Just started on your last Social Media App project, currently around the 2 hour mark, looks like I gotta pick up the pace !

  • @SamEbenezer-d6o
    @SamEbenezer-d6o 6 місяців тому

    This makes me happy, All the best!!

  • @HilariousHound
    @HilariousHound 6 місяців тому

    I was waiting for the project

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

    You are a community hero, For real.

  • @9622AX
    @9622AX 6 місяців тому +2

    thanks. do a SaaS project with other features next

  • @nayemalifahim6701
    @nayemalifahim6701 5 місяців тому +1

    thanks a lot for the hosting part.

  • @amaan__5979
    @amaan__5979 6 місяців тому +1

    Bro literally cooking ❤🎉😂

  • @rainkode8795
    @rainkode8795 6 місяців тому +1

    The king is back 👑

  • @ramprasadchauhan7
    @ramprasadchauhan7 6 місяців тому +1

    Nice project, i have learn a lot of new skills. I have successfully completed this project, and I also try to add more api for deleting chat history and also image from cloud delete if we delete chat history. Nice project ❤❤

    • @ezevalentine7610
      @ezevalentine7610 6 місяців тому

      are you having any error?

    • @ramprasadchauhan7
      @ramprasadchauhan7 6 місяців тому

      @@ezevalentine7610 I have done successfully by following tutorial, it work fine

    • @vasuchourasia8021
      @vasuchourasia8021 5 місяців тому

      bro can you please help me ,my issue is that "my create a new chat- is not working, when i enter a prompt nothing happens but rather it is shown in recent chats"

    • @ramprasadchauhan7
      @ramprasadchauhan7 5 місяців тому

      @@vasuchourasia8021 bro, when you create new chat and enter prompt first chat comes in resent , and then chat history will start at that chat which is in sidebar.

    • @satyambora
      @satyambora 4 місяці тому

      @@vasuchourasia8021hey I am facing the same issue can you please help me out

  • @Irfoooon
    @Irfoooon 6 місяців тому

    I was thinking of creating that same and you uploaded the video.😅
    It'll help me learn❤

  • @gauravsinghjethuri5405
    @gauravsinghjethuri5405 17 днів тому +1

    you should use tailwind instead of vanilla css

  • @kunaldhuria3935
    @kunaldhuria3935 6 місяців тому

    Lama my Guru, how can i ever thank you

  • @JuanGabrielOyolaCardona
    @JuanGabrielOyolaCardona 3 місяці тому

    Thanks for sharing 😀👍 greetings from Colombia.

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

    Great tutorial, thanks for sharing.

  • @hammedmujeeb5145
    @hammedmujeeb5145 6 місяців тому

    Lama Dev is the best🎉🎉❤

  • @mirazh8216
    @mirazh8216 6 місяців тому

    Amazing as always.................... expecting a fully functional SAAS(pls pls)

  • @codingwithbedirhan
    @codingwithbedirhan 6 місяців тому

    bu arada sadece chatgpt 3.5 kullanarak ücretli uygulamalar yapıyolar ve milyon dolarlar kazanıyolar sadece reklam basarak nasıl yapıyolar anlamıyorum sadece ek bilgi olarak eklemek istedim. Abim videoların çok güzel ingilizcen de çok anlaşılır. Süper gidiyo böyle devam ❤

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

    I learned alot from this video thank you

  • @priyanshu6173
    @priyanshu6173 6 місяців тому

    I am gonna start this project right now 😤😤

  • @vsaisumanth9546
    @vsaisumanth9546 6 місяців тому

    OMG!!! This guy is Legend 💪

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

    Can I see the file, env of the admin? I coded according to you but the Api is still Unauthenticated
    even when I download the code from githup, it still happens. Please help me

  • @sjaiswal1667
    @sjaiswal1667 Місяць тому +2

    Can anyone please tell me the reason "Why the chatpage is firstly showing all the generated text then after few moments some last part of generated text is not there?"

  • @MichaelJoseph83
    @MichaelJoseph83 6 місяців тому

    Lama dev youre the goat 🐐

  • @ampagetech2624
    @ampagetech2624 6 місяців тому

    Great tutorial thanks a lot for sharing yr expertise.

  • @eQ-13
    @eQ-13 6 місяців тому

    This is wonderful Lama. Great. At 3:20:05, you mentioned to change the DNS of domain. Where is this changed if the domain is also hosted by Hostinger?

    • @LamaDev
      @LamaDev  6 місяців тому +1

      Hi 😊 You can see your DNS records on the domain panel. Click on the "manage" button next to your domain, select "DNS/Nameservers", and add a new record. It should be an "A" record and the address should be the server's ip address

    • @eQ-13
      @eQ-13 6 місяців тому

      @@LamaDev Thanks Lama. That has worked. I also realized I was using server port in my server environment file instead of the client port.

  • @nuemanbeshir6381
    @nuemanbeshir6381 5 місяців тому

    Can you please make a video on an inventory management system…thanks a lot for this one

  • @natab282
    @natab282 6 місяців тому

    This looks great! Can you please do a Practo or Preply clone project ? Like building a telehealth/online tutor or doctor booking website with payment/video call and online classroom/video consultations. Thanks!

  • @abdelrahmanmostafa9489
    @abdelrahmanmostafa9489 5 місяців тому

    do a user managment system next!

  • @favanzzo
    @favanzzo 6 місяців тому

    great stuff lama :). Any ETA on the course?

  • @devByDash
    @devByDash 7 днів тому

    what is the difference between using clerk-express and clerk node js sdk ? Also when I set the withCredentials true , my apis dont work anymore

  • @xiaoyang9045
    @xiaoyang9045 4 місяці тому

    hi, may i ask why your scroll bar is different from mine, yours are way more elegant...

  • @depanama6281
    @depanama6281 6 місяців тому

    I want to know what did you add that help you to write your CSS as you are using scss. ❤

  • @tieucuong83
    @tieucuong83 5 місяців тому

    Document managent, CRM or tool for SEO. That projects very interesting for you to make 😊😊😊😊

  • @abelmarkos5753
    @abelmarkos5753 6 місяців тому

    Nice one Lama
    Could you do a fullstack Next.js with firebase build

  • @mathewadeyemi5389
    @mathewadeyemi5389 6 місяців тому

    i really like this tutorial thanks for the good work, but please Mr lamadev i want to ask whether we can use prisma with hostinger mysql database.

  • @nameIsQ933
    @nameIsQ933 4 місяці тому

    Is there a particular reason this project opted not to use Tailwind CSS for styling?

  • @Zainudin_Zahin
    @Zainudin_Zahin 5 місяців тому

    Thank you. Create a travel web project to share beautiful place in the world.

  • @PUSHKARSHINDE-dh4px
    @PUSHKARSHINDE-dh4px 6 місяців тому +1

    Can I use llama ??
    I want to build the Local Ai not online or not internet connection..
    Please reply....

    • @PUSHKARSHINDE-dh4px
      @PUSHKARSHINDE-dh4px 6 місяців тому +1

      Kindly reply.
      And Explain how
      I have windows and I also use WSL (windows subsystem Linux)...

  • @Sepatu182
    @Sepatu182 20 днів тому +1

    can i add other ai api besides chat gpt?

  • @rishiraj2548
    @rishiraj2548 6 місяців тому

    Good day greetings 🎉

  • @enginturabk817
    @enginturabk817 3 місяці тому +1

    I got "Error: Authentication request failed: Request failed with status 404 error in part 1:39:35

    • @ShauryaRaiValorant
      @ShauryaRaiValorant 3 місяці тому

      ask this from gpt

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

      @enginturabk817 can you able to find the solution ?

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

      @@ShauryaRaiValorant bro can able to solve this i try gpt but dont get any solution please help me

  • @Yooin22
    @Yooin22 5 місяців тому

    at 2:37:10, I am getting a Unathenticated error, im not sure why, any help please? : Error: Unauthenticated
    at file:///C:/AIChat/backend/node_modules/@clerk/clerk-sdk-node/dist/index.mjs:139:12
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

    • @dextergrimes502
      @dextergrimes502 4 місяці тому

      I encountered the same error, it took me a long time to figure it out
      If you've worked with clerck before, make sure to copy this project's env variable into env file

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

      @@dextergrimes502 bo can u elaborate a little much

    • @christopherhenry981
      @christopherhenry981 2 дні тому

      ​@@ritabratapal8489did u got it?

  • @sus8849m
    @sus8849m 4 дні тому

    2:03:31 After I choose an image to upload, my screen gets stuck at "Loading...". This is the error I get on my console: Error: Authentication request failed: Unexpected token
    anyone had the same problem and know how to fix?

  • @keerthanaaduri
    @keerthanaaduri 5 місяців тому +1

    why are u using imagekit whhhy cant we just keept it in the database and fetch them??

  • @sheen.6241
    @sheen.6241 5 місяців тому +1

    2:00:40 build an AI and then use that AI to help you build an AI. classic!

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

    how to deploy this project on free hosting website like render

    • @harshtank7075
      @harshtank7075 5 днів тому

      were you able to deploy it on render ?

  • @vinayakkamble4854
    @vinayakkamble4854 6 місяців тому

    Hi Lama dev, can i create this project and add it in my resume as a 2.9year experienced developer for my job change.

  • @TechnicalDotnet
    @TechnicalDotnet 3 місяці тому

    is it possible to deploy for .net api,SQL in the same Hostinger in that price

  • @zahraaskari6736
    @zahraaskari6736 5 місяців тому

    Hello, thank you for your valuable video. it helps me very much. I have a question. I used imageKit as you told in your video. but when I upload the image I get this error: "Your request contains invalid expire parameter" could you please help me to resolve this?

  • @NurioonSoftware
    @NurioonSoftware 6 місяців тому

    Can this project be achived using next.js and not using express sir ?

  • @tsdineshjai8565
    @tsdineshjai8565 5 місяців тому

    @lamaDev Is there any way to deploy the application without changing the URL, I don't have my own domain.

  • @M_code_H
    @M_code_H 6 місяців тому

    I just finished hosting the blog app with next js and prisma 😂

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

    Also there is this error too:
    Unexpected Application Error!
    [GoogleGenerativeAI Error]: First content should be with role 'user', got undefined
    I dont know if anyone knows why this is happening or there is a way around it

    • @alexanderpayes2781
      @alexanderpayes2781 5 місяців тому

      I also have this error, do you know which file this is coming from?

    • @vasuchourasia8021
      @vasuchourasia8021 5 місяців тому

      @@alexanderpayes2781 bro its from NewPrompt.jsx file

    • @alexanderpayes2781
      @alexanderpayes2781 5 місяців тому +1

      in case some one has this problem, I did this in the const chat = ... and it worked for me:
      history: data?.history?.length > 0
      ? data.history.map(({ role, parts }) => ({
      role,
      parts: parts?.length > 0 && parts[0]?.text ? [{ text: parts[0].text }] : [],
      }))
      : [],

    • @REHAN-18
      @REHAN-18 4 місяці тому

      @@alexanderpayes2781 where to implement which file

    • @adrian3750-d3g
      @adrian3750-d3g 4 місяці тому

      @@alexanderpayes2781 bro, it worked, but i curious about what happened to the bracked that were covering the statement

  • @tieucuong83
    @tieucuong83 5 місяців тому

    Hi teacher. Why don't you make a CRM project by using headless CMS? I thinks it very usefull nowday.

  • @abc23-q8v
    @abc23-q8v 4 місяці тому

    is there any alternatives for using clerk in production mode without a custom domain

  • @keymoment
    @keymoment 6 місяців тому

    I wanna learn react native on this channel

  • @RajSingh-of1fs
    @RajSingh-of1fs 6 місяців тому

    how to run the complete git hub chatgpt clone while runing the npm i in client folder it is giving error

  • @KerimHajymamedow
    @KerimHajymamedow 6 місяців тому

    Hello Lama dev can you make video about featured sliced design

  • @deepmane5845
    @deepmane5845 5 місяців тому

    nextJs + Rtk = serverside or client side video please
    if we dont use rtk how to write code for CRUD in Nextjs for same app
    if we use rtk how to write code for CRUD in Nextjs for same app
    what is diffrence how to deal mega app in Nextjs

  • @bharanikumar9210
    @bharanikumar9210 20 днів тому

    Anyone tell me where can i able to get the completed code,
    It's like the same starter code while cloning the completed version

  • @ahnadali-h7s
    @ahnadali-h7s 3 місяці тому

    how i can find your image i am making a project but i face issue of images plz tell me how i solve this issue for your images

  • @hazehaze7820
    @hazehaze7820 6 місяців тому

    Thank you❤

  • @muzzon-o6k
    @muzzon-o6k 6 місяців тому

    Sir please build an Crowdfunding app architecture using mern - after analysing entire youtube i am not able to see any such app dev -if you dont mind please build an app for crwd funding were new using after login can add new campign for funding for a project, after adding thir funding value at admin side conformation like step by step architectur

  • @harshvardhansingh5855
    @harshvardhansingh5855 5 днів тому

    do we have free access to api key

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

    at 2:37:00 some people face unauthenticated issue, even when they're logged in.. for me this issue is arising because of the JWT token expiration, I spent a day that my pc clock's time zone is not right.. so that works for me.. if anyone faces same issue then you can try that

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

      hey in this time when i clicked the button for test backend. it shows a lot of erros. my pc time zone is right. what should i do now for fixing this. please help

  • @excelemma5960
    @excelemma5960 6 місяців тому

    We love you man

  • @ravichauhan1634
    @ravichauhan1634 26 днів тому

    Hi, I am facing error while trying to deploy it online because :TanStack is require React :18 whereas you have use React 19 .Could you tell me how can I resolve this issue?

    • @shuumaster1337
      @shuumaster1337 23 дні тому

      Maybe it doesn't work on React 19. Uninstall it and when you install it again, specify the version you want

    • @christopherhenry981
      @christopherhenry981 2 дні тому

      Did it work @ravichaihan1634

  • @abhilashviswanathan178
    @abhilashviswanathan178 Місяць тому +3

    Did anyone finish this project ?

    • @haiyt-e5c
      @haiyt-e5c 2 години тому

      did you? I'm just about to get started

  • @viratsati5885
    @viratsati5885 5 місяців тому

    Is it possible to make a web application to generate 2d animation

  • @daniel-fi7be
    @daniel-fi7be 5 місяців тому +1

    can i deploy it on vercel

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

      Of course! I usually host it with docker + coolify for free though. Good combo.

  • @chphanisimha7802
    @chphanisimha7802 5 місяців тому

    are there any free deployment services rather than of paid one

  • @saransekhar6618
    @saransekhar6618 6 місяців тому

    hai lama so many AI tools are generating figma design to REact code why should i learn all these now what devloper should do

    • @parthabhowmik4747
      @parthabhowmik4747 5 місяців тому

      yeah, you are right. Eat five-star and do nothing.

  • @ogankpaugo2308
    @ogankpaugo2308 6 місяців тому

    Can you start react native tutorial 🙏🙏

  • @devByDash
    @devByDash 8 днів тому

    This is awesome

  • @aggarwalsachin4854
    @aggarwalsachin4854 5 місяців тому

    sir is m0 free cluster no more available?? mine is not showing.please reply asap

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

      make a new project named as you wish, then you will get option of creating cluster. click on that and it will show you m0 sandbox

  • @Stoiction
    @Stoiction 6 місяців тому

    You have to fine tuning.

  • @nazimozturk
    @nazimozturk 6 місяців тому

    Thanks for the project👍

  • @PrajwalGowdaM-w6e
    @PrajwalGowdaM-w6e 4 місяці тому

    at 1:34:47 I'm getting error as missing public key, but i have defined public key in .env file but because of '=' at last the editor is considering it as new variable can u help in this.

    • @MolemoMakhubu
      @MolemoMakhubu 4 місяці тому

      Try having it in the root of your project directory, same level as “package.json” (not inside the src directory).

    • @abhishekissus
      @abhishekissus 3 місяці тому

      rename the .env file to .env.local worked forme

    • @ritabratapal8489
      @ritabratapal8489 3 місяці тому

      directly copy paste the keys man

  • @vadilihaki3069
    @vadilihaki3069 5 місяців тому

    Can you do it with llama ai 😅

  • @harshtank7075
    @harshtank7075 5 днів тому

    Did anyone deployed this application on render. I am facing difficulty deploying it. If anyone can help

  • @viraj1228
    @viraj1228 5 місяців тому

    sir clerk middleware is updated ,and it is giving me an invalid publishable key ,please help

    • @Yooin22
      @Yooin22 5 місяців тому

      I am the same I am getting unathenticated, did you find a fix?

    • @viraj1228
      @viraj1228 5 місяців тому

      @@Yooin22 no ,struggled for a day and couldn't able to fix

    • @Yooin22
      @Yooin22 5 місяців тому

      @@viraj1228did you get the same error when you tried to sign in for unauthenticated?

    • @viraj1228
      @viraj1228 5 місяців тому

      @@Yooin22 s ,same unauthenticated error

    • @Yooin22
      @Yooin22 5 місяців тому

      @@viraj1228 weird… I wonder if Lama will reply

  • @ankitkk2228
    @ankitkk2228 6 місяців тому

    can you please show us how to deploy for free fiverr website which you have created and make it responsive

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

    Api is free? Without single rupees?

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

      yes

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

      Chatgpt does not providing free api😂​@@harshrana3012

  • @RajSingh-of1fs
    @RajSingh-of1fs 6 місяців тому

    also upload .env-example file for both backend and cilent

  • @suvrajitmondal2325
    @suvrajitmondal2325 6 місяців тому

    Is this website responsive?

    • @王不留行-u9x
      @王不留行-u9x 5 місяців тому +1

      It's not totally responsive. When I tried to put it in the phone screen size, I found a blank on the right side XD

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

    is this beginner friendly?
    pls someone tell

    • @yatharthmagraiya2962
      @yatharthmagraiya2962 29 днів тому +1

      Its not
      Get to know JS first then learn React then practice with some dumnmy projects then you can come back to finish this project