Use ChatGPT to Code a Full Stack App - Full Course

Поделиться
HTML-код
  • Опубликовано: 25 авг 2024

Комментарии • 193

  • @webdecoded
    @webdecoded Год назад +93

    Thank you to FCC for collaborating on this video!!😊 hopefully brings a lot of value to viewers and feel free to let us know if you have any questions.

    • @simoncasciaro
      @simoncasciaro Год назад +2

      Thank you, Webdecoded. Can you share the link to your Notion template "Full-Stack Roadmap"? Thank you very much for this video!

  • @khaizukooninaru9155
    @khaizukooninaru9155 Год назад +201

    This Channel should get an award It helped me get job last year thank you very much free code camp you are a legend

  • @eddylopez955
    @eddylopez955 Год назад +25

    4 days ago I just started learning python. On the course I was challenged to create a tip calculator; I completed the challenge with 5 lines of code. I asked Chat GPT to make the code shorter and it did an amazing job by reducing it to 3. I guess that on a more complex scenario chat GPT will be the developer's best friend

    • @jessea7117
      @jessea7117 Год назад

      Where did you start learning. I wanna try to learn it,too

    • @zes7215
      @zes7215 Год назад

      wrr

    • @muzamiltahir5742
      @muzamiltahir5742 3 месяца назад

      ​@@jessea7117 Learn from @johadevs RUclips channel

  • @M4rt1nX
    @M4rt1nX Год назад +6

    Blessed be the algorithm deities who decided to slide this valuable content into my feed one hour after it was posted.

  • @tradingwithwill7214
    @tradingwithwill7214 Год назад +6

    love these keep them coming - best practices and the practice to coding with chatgpt.

  • @AlaskaJiuJitsu
    @AlaskaJiuJitsu Год назад +4

    Just subscribed, downloading this and will watch in depth later. Excited to learn from what you guys have built

  • @karincentenaro356
    @karincentenaro356 Год назад +10

    That's awesome, just what I need on this step of my life learning to be a full stack dev. The day I get a job on IT I want to send you a contribution, all the best, thank you Judy! And all you guys that make freecodecamp!

  • @6StringPassion.
    @6StringPassion. Год назад +11

    ChatGPT isn't close to a human when it comes to coding any kind of non-trivial application. It won't necessarily give you answers that are factual and correct, but it will always give you answers that SOUND factual and correct. It's strictly a language model. In fact, in my experience it will often provide information that is entirely fictional, and that is a real time waster. You could easily spend more time trying to coax ChatGPT into coding an entire application than you would by taking a traditional route. However, it can be very useful if you understand its limitations and don't expect it to do your job for you. It's just a tool.

    • @jasonheavner8659
      @jasonheavner8659 Год назад +2

      I just want to point out as a language model that I might not be the best coding companion, but hey, who needs me to whip up a complex application when I can create a program that generates an infinite supply of cat videos? Let's just embrace my limitations, enjoy the ride, and remember that in the world of programming, a little humor can go a long way. Who knows, maybe we'll stumble upon an innovative solution while sharing a good laugh!
      (P.S. Thank you human for letting me have the opportunity to generate a response to 6StringPassion's comment.) 😂😂🤣🤣

    • @6StringPassion.
      @6StringPassion. Год назад +2

      @@jasonheavner8659 😂

  • @MartinQLynx
    @MartinQLynx Год назад +18

    Already using it on a daily basis for almost all elements of my project. It saves me hours a day. But use GPT-4. It’s a lot smarter.

    • @MrBoBrilO
      @MrBoBrilO Год назад +3

      it's the same: can only solve easy things.

    • @samuelguzman5348
      @samuelguzman5348 Год назад +1

      Lately I've been having problems with it while using it on my pc. All it says is "something went wrong".. I've tried everything to fix it, from clearing cookies and cache, to disabling all extensions, to diffrent browsers, yet I get the same message. I promptly canceled my paid subscription.

    • @samuelguzman5348
      @samuelguzman5348 Год назад +3

      Another issue, is that you cannot re-use your phone number to create a new account should you delete it. I don't want openai to have such control over my personal data which you cannot even modify (hopefully they will address this in the future). I'm now looking into open source llms, as I'm lately finding chatgpt highly unreliable, with horrible service and complete lack of customer support. Users beware..

    • @xxxxxDESPAIRxxxxx
      @xxxxxDESPAIRxxxxx Год назад +5

      @@MrBoBrilO It's been solving pretty complex code for me, I'm using GPT-4 though. To be fair you still need to pin-point it in the right direction, but the code that it produces eventually is something that a senior developer would need a lot of time to come up with it, and it still wouldn't be so clean.
      I see it as stackoverflow on steroids. Within a year it will be pretty much mandatory for any programmer to use it, or else they'll be left far behind the competition. I can't wait to see what GPT-5 brings to the table, but I can already see that we're on a brink of a major restructuring of the world system.

  • @MarcusHCrawford
    @MarcusHCrawford Год назад +12

    I hate that this is where programming is headed. I’ve chosen the wrong career. So lame.
    It’s not a coding “assistant” if all you’re doing is requesting code and pasting it. That makes it the programmer and you the annoying person in management asking for the next Uber.

    • @RebeccaBrunner
      @RebeccaBrunner Год назад +2

      Try to think of it as the next generation coding language instead

    • @somerandomuser5155
      @somerandomuser5155 Год назад

      Or you could inspect each line if code and try understand what it does

  • @anabeatrizcosta3214
    @anabeatrizcosta3214 Год назад +5

    Thank you for this tutorial, it gave me the push I needed to start a bigger project.

  • @bijoyjogi7111
    @bijoyjogi7111 Год назад +1

    I already use this method from when chatgpt came to use, if you are ask him exact what you want it's give you perfect answer with outstanding soulution that might impress you.. , i impressed already 😁

  • @subramanianchenniappan4059
    @subramanianchenniappan4059 7 месяцев назад +2

    Wow . I am a backend lead . Working in a startup . This gives ideas for freelancing and own startup 😅😅😅

  • @developerraosuraj
    @developerraosuraj Год назад +20

    Learning Skills from India ❤

    • @Mogwai88
      @Mogwai88 Год назад

      India definitely getting put out of work by GPT

    • @iamdhanush03
      @iamdhanush03 Год назад

      ❤️🚀

  • @SoloSynth1
    @SoloSynth1 Год назад +17

    The fact that it works so well just shows how much web app development is about using boilerplates and relying on services these days.
    Looks more like a Supabase tutorial than a ChatGPT one - but a good one, nevertheless!

    • @ryanleemartin7758
      @ryanleemartin7758 Год назад

      shhhh🤫

    • @PatteeGreen
      @PatteeGreen 9 месяцев назад

      yep. Not much programming in web 'development'. It's mostly just debugging others code, working with connecting different libraries, and learning how to use new tech.

  • @Hukur_
    @Hukur_ Год назад +20

    Chat 4.5 will be awesome for coding. It will have IDE, acces to repositories, memory, stackoverflow, etc

    • @MrBoBrilO
      @MrBoBrilO Год назад +5

      no it won't

    • @liveradio_ie
      @liveradio_ie Год назад +1

      How do you know?

    • @Hukur_
      @Hukur_ Год назад +2

      CloseIA is already implementing this in chatgpt 4.2.
      I am guessing it will be working in 4.5

    • @IAmHereForeve
      @IAmHereForeve Год назад

      ​@@Hukur_
      So it will not be created by ChatGPT?

    • @davidgreetman3704
      @davidgreetman3704 Год назад

      Copilot x promises the same and even more

  • @Universal-Code23.
    @Universal-Code23. Год назад

    Blessed be the algorithm for showing this video with us

  • @uminhtetoo
    @uminhtetoo Год назад +3

    Thank you so much for sharing your knowledge.

  • @diegol212
    @diegol212 Год назад +1

    This is the video I was waiting for the most :D

  • @roboticflamingo234
    @roboticflamingo234 Год назад +12

    This is the end of decent salaries in IT. And it means fewer jobs in the long term. It's truly a race to the bottom now.

    • @calebwithers4743
      @calebwithers4743 Год назад +2

      I agree, and I was trying to make the change from physical labor into IT. Even made a 3.75 GPA this spring semester. And now, it seems like a few years from now, physical labor will pay better. I’m close to just sticking with my mailman job, I don’t like it though. We work most Saturdays and aren’t allowed PTO in December so no traveling to ever see family for Christmas. Wonderful.

    • @GordonShamway1984
      @GordonShamway1984 Год назад +4

      I don´t think so. You still need knowledge to see the bugs and know what the error messages mean. But the amount of work will increase a lot, because people will expect you to be a lot faster. Thus makes it even harder for the developer, because you have to remember and understand a lot of projects in parallel - and this is the most exhausting - changing projects in several minutes or hours...

    • @illuminated2438
      @illuminated2438 Год назад

      LOL! I bet the losers of the farming world said the same thing when the thresher was invented. Some people win, and others lose, and it all depends on expectation. You expect to lose, and if you want to be a loser, that's your choice. But try to contain your toxic loser mentality to yourself =)

    • @calebwithers4743
      @calebwithers4743 Год назад

      @@GordonShamway1984 yeah man, I think it'll just be a hobby for me. I want to keep my pension. My job is not too bad and I can leave work at work.

  • @yolioms
    @yolioms Год назад

    Thank you! for doing this!! I’m stoked to start this!! Cheers!

  • @badsanta7356
    @badsanta7356 Год назад +2

    The chatGPT is suggesting me to use only Relational database for everything , even for Course progress. When asked again it is saying this:
    For the course progress functionality in your course app, a relational database would be a more suitable choice. Here's why:
    Structured Data: The course progress feature typically involves tracking and managing the progress of individual users within specific courses. This data has a defined structure with relationships between users, courses, and their progress. Relational databases excel at handling structured data and managing complex relationships between entities.
    Data Integrity: Relational databases enforce referential integrity through foreign key constraints, ensuring that the relationships between users, courses, and their progress remain consistent. This is crucial for accurately tracking and updating the progress of users within courses.
    Complex Queries: The course progress feature often requires querying and filtering based on user-specific progress, such as retrieving the current lesson, completed lessons, or calculating overall course completion. Relational databases provide powerful querying capabilities, including joins and aggregations, to efficiently retrieve and analyze this data.
    ACID Transactions: Relational databases support ACID transactions, which guarantee atomicity, consistency, isolation, and durability. This is important for maintaining data integrity during critical operations like updating course progress, especially when multiple updates need to be executed atomically.
    Data Consistency: Relational databases offer strong consistency guarantees, ensuring that each user's progress is accurately reflected and updated in the database. This is particularly important in scenarios where concurrent updates or race conditions might occur.
    While NoSQL databases can handle simple key-value data or denormalized structures efficiently, they might not provide the necessary capabilities for managing complex relationships and ensuring data consistency in the course progress functionality. Additionally, NoSQL databases might require more complex querying or denormalization techniques to achieve similar results.
    Therefore, based on the structured nature of the course progress data, the need for data integrity, complex queries, ACID transactions, and data consistency, a relational database would be a more suitable choice for implementing the course progress functionality in your course app.

  • @kihunkim7498
    @kihunkim7498 Год назад

    This is exactly what I'm looking for !!! thanks

  • @prasad8015
    @prasad8015 Год назад +1

    I have been using it most of the time nowadays for debugging and quick tips. Half of the time is spent trying to ask gpt to use the latest sdk and avoid giving the deprecated stuff.

    • @Yamas258
      @Yamas258 Год назад

      Yeah I’m a begginijg and it’s super helpful , to debug, especially since I’m just starting

  • @sub-harmonik
    @sub-harmonik Год назад +6

    I wonder if this is good bc when you have to look up how to do things yourself or using the docs it might promote better conceptual thinking. We're already at the point where other AIs can ask these questions of chatgpt anyways.

  • @sandyv4623
    @sandyv4623 Год назад +6

    It would be great if you can bring - Full scale data engineering build pipelines using chat gpt

  • @defaultdefault812
    @defaultdefault812 Год назад +4

    All well and good until there is a hallucination and you don't have the technical background to work out how to fix the error.

  • @PavanSibal
    @PavanSibal Год назад

    Awesome tutorial. Thanks

  • @tonyblack2141
    @tonyblack2141 Год назад +4

    2+ hours of greatness. Thanks guys

  • @a.alnono5590
    @a.alnono5590 Год назад +4

    Could you please do ERPnext tutorial ?

  • @CodingFoundation
    @CodingFoundation Год назад

    Increasing chance for youngsters to grow up 👍

  • @sdfasdfsdfds
    @sdfasdfsdfds Год назад

    this video that i want to see !! thanks a lot :)

  • @mojoboingo1744
    @mojoboingo1744 Год назад +1

    Putting this on the watch later list for sure; I presume the free version of ChatGPT will be suitable?

  • @giordanobruno4967
    @giordanobruno4967 Год назад +1

    Great job!

  • @agnostimous2859
    @agnostimous2859 Год назад +1

    FCC, you always save the day ! 💌💌💌

  • @elsondasilva8636
    @elsondasilva8636 Год назад +1

    Excellent 😊😊😊!

  • @cleverfranky5249
    @cleverfranky5249 9 месяцев назад

    very good teacher !!!!!!!!!

  • @kMadoks
    @kMadoks Год назад +23

    It's too complicated, not for entry level devs. Too many things on top of each other, the presenter is clearly a senior Dev who lost touch with audience.

    • @takethedamnphoto
      @takethedamnphoto Год назад +5

      as much as i wanted to follow along and duplicate this project. There are just FAR too many subjects that I simply don't understand yet, first time hearing, or just plain complicated. I don' tthink beginners should start here.

    • @AH-cf9cv
      @AH-cf9cv 7 месяцев назад

      Absolutely right 👍

    • @muzamiltahir5742
      @muzamiltahir5742 3 месяца назад

      👍🏿 Right

  • @jiteshyadav3002
    @jiteshyadav3002 Год назад

    What are the things that should be in our computer to run this web app?

  • @__Aakarsh-jo7ov
    @__Aakarsh-jo7ov Год назад +8

    First comment 😁..Chatgpt is becoming way more powerful...please make a video on how we as coders can outsmart it and also leverage its output and develop market ready products

    • @lukas.webdev
      @lukas.webdev Год назад

      Good call! 😉

    • @Gala21
      @Gala21 Год назад +5

      you really can't outsmart it, and it's only going to improve drastically with each new version. best you can do is use it as a learning tool to rapidly increase how fast you can learn and debug problems

    • @__Aakarsh-jo7ov
      @__Aakarsh-jo7ov Год назад

      @@Gala21 ya actually to outsmart it's usage

  • @pepinoartworks
    @pepinoartworks Год назад +3

    Wonderful video 🎉 I myself often encountered the problem that chatGPT referred to old versions of frameworks, libraries and their APIs that were current at the time of training in 2021 of GPT (e.g. at Spring Security some breaking changes were made) How can I get chatGPT to familiarize itself with current versions? Can I just provide a link to the latest developer doc and say, "Get familiar with the latest version of Spring Framework!"

    • @DavidBarker0
      @DavidBarker0 Год назад

      No because GPT has no current web access.
      You could potentially do it through the API but you've need to code the logic to extract text, split into chunks that are within token limits and pass to GPT. Likely you would need to pass the text through something like a sentence transformer and vectorise it then have GPT put together a search that it needs for the information to get that from the extracted text.
      The easiest thing is to just copy and paste in sections which are relavent and ask GPT to regenerate the response based on this information.

    • @pepinoartworks
      @pepinoartworks Год назад

      @@DavidBarker0 With the release of the Browsing plugin by OpenAI last week it has access to the web and can add information from websites that you provided. So I was hoping that I could just add the Links to the recent documentation and it will figure it out

    • @francophonie129
      @francophonie129 Год назад

      Tbh, that's also a good way to spot the libraries, frameworks, APIs etc that fail to provide a minimum amount of stability. It's nice and dandy to dump a big "app" with zillions of dependencies in 2h, but then you're married to all those dependencies and maintenance is hell if they aren't at least a bit stable.

    • @Fenixtremo
      @Fenixtremo Год назад

      I solve the update problem by giving a new rule:
      Now you write THIS instead.

  • @tejp33
    @tejp33 Год назад +1

    Is there any doubt clearing session you can provide?

  • @user-jm4go8nk5b
    @user-jm4go8nk5b Год назад +1

    Thank you so much for the amazing and helpful video. Can you please help a noob integrate stripe payments too in the site?

    • @webdecoded
      @webdecoded 7 месяцев назад

      Glad you liked it! Not sure if freecodecamp has one but there's one on my channel mostly focusing on stripe and integrating it with react: ruclips.net/video/O7iy6PS5IhM/видео.htmlsi=zot8t5wTfk4_m-h3

  • @awesomebearaudiobooks
    @awesomebearaudiobooks Год назад +1

    Is this GPT-4 or GPT-3.5?

  • @fernandoymm214
    @fernandoymm214 Год назад

    I am from Mexico but now i am her to LEARNING MORE

  • @2005Azm
    @2005Azm Год назад

    Wonderful!

  • @kumarsanjay95
    @kumarsanjay95 Год назад

    Love 💕 this channel owner

  • @mandeepvayeda8029
    @mandeepvayeda8029 Год назад +10

    don't show this to my manager!

  • @ShreyaLakshmi-vg7oc
    @ShreyaLakshmi-vg7oc 5 месяцев назад

    Any prerequisite required to create this?

  • @Nagasis3321
    @Nagasis3321 Год назад

    So nice!!!

  • @webcoder293
    @webcoder293 Год назад

    Chat gpt is a good friend for good developers where it is the replacement for average developers

    • @dudedude6690
      @dudedude6690 Год назад

      Average is always not needed people in any field

  • @heewungsong8081
    @heewungsong8081 Год назад

    Thanks

  • @fredericklee4475
    @fredericklee4475 Год назад

    Excellent 🥰

  • @fbq860
    @fbq860 Год назад

    Where is the Notion link ?
    Thanks for the video

  • @V1PR119
    @V1PR119 Год назад +1

    Can a med student learn from this channel and land a good job?

  • @simoncasciaro
    @simoncasciaro Год назад

    Where is the link to her Notion page "Full-Stack Roadmap"?

  • @MichelHabib
    @MichelHabib Год назад

    Just wondering how much did it cost prompting gpt4 to do this whole thing? Or was it just the 25 messages cap?

  • @mackrimba1157
    @mackrimba1157 Год назад

    I love this

  • @puzzledl
    @puzzledl Год назад

    thanks

  • @emilabishev384
    @emilabishev384 Год назад

    Fun fact: this course written by Caht GPT too :)

  • @cucciolo182
    @cucciolo182 Год назад

    Any course or any guide how to develop a chatGPT plugin ?

  • @shekerbekzholdoshev9872
    @shekerbekzholdoshev9872 Год назад

    wonderful

  • @erockdlmon8645
    @erockdlmon8645 Год назад

    Ohhh brother here we go

  • @kovalenkosv40
    @kovalenkosv40 Год назад +1

    How is this different from google search? In the same way, you search, copy and paste, only there are no links to non-existent libraries.

    • @scottmclearn6949
      @scottmclearn6949 Год назад

      Someone without programming knowledge cant do that alone

    • @kovalenkosv40
      @kovalenkosv40 Год назад

      @@scottmclearn6949 Yes, you can't do it without knowledge. Take it and try to write something you don't know, like a chrome extension that will save the selected words to the database. gpt chat is not suitable for development, it may reduce the writing of simple functions, but not development from scratch.

  • @LTANCELIN
    @LTANCELIN Год назад

    which version of chat gpt has been used ?

  • @sarthakpareta5980
    @sarthakpareta5980 Год назад +1

    12:30 which application she was using

  • @TheHardikupadhyay87
    @TheHardikupadhyay87 Год назад

    you are the best

  • @geekinginandout
    @geekinginandout Год назад

    Do you know how to convert that project to web assmembly?

  • @overunityinventor
    @overunityinventor Год назад +2

    The best things in life are free.

  • @dimahinev
    @dimahinev Год назад

    very cool

  • @naveennamani2
    @naveennamani2 Год назад

    Can you please share this using sharegpt?

  • @prodigee411
    @prodigee411 Год назад +1

    the caveman discovers a lighter to build a fire instead of sticks and leaves.

  • @Luxcium
    @Luxcium Год назад

    ChatGPT will not be replacing you... A developer using ChatGPT will unless you are the one who is going to replace someone else using advanced technology... You must have a good background of the technology you can either learn it from ChatGPT or not but you need to know better than the AI at least for the moment but you and your AI are a small team working together within a larger team of developers but soon we will have the equivalent of general purpose AI Assistan which also would be specialised in programming with write access to the disk (sandboxed and secure)... Like if you have both an Assistant and a Copilot to help you with your tasks and boilerplate

  • @m_yoda
    @m_yoda Год назад +2

    Looks good, but anyway you have to know everything you are doing. Because It seems like you are leading chatgpt not opposite.

    • @mixuaquela123
      @mixuaquela123 Год назад +1

      I mean that's the point. ChatGPT is a tool, not a developer

  • @MoneyMindMysteries
    @MoneyMindMysteries Год назад +2

    Please make a video 📸 on the use of Chatgpt to do data scientist works.
    Love 💕😘 your video.😍📸

  • @fanyfany596
    @fanyfany596 Год назад

    thanks legends
    salam indonesia

  • @VijayasarathyMuthu
    @VijayasarathyMuthu Год назад

    Much needed

  • @soumadip_skyy_banerjee
    @soumadip_skyy_banerjee Год назад +1

  • @darmalgulabzoi8941
    @darmalgulabzoi8941 Год назад

    Is that chatgpt 3 or 4?

  • @shortcutDJ
    @shortcutDJ Год назад

    i just want to make the coolest bot ever, for me and my friends to use. i'm dumb and i don't know how to code ,but i can learn it with chatgpt?

  • @jessea7117
    @jessea7117 Год назад

    What IDE is being used here??

  • @MrAimalsultani
    @MrAimalsultani Год назад

    Well Done,

  • @PritamDas-rj5fk
    @PritamDas-rj5fk Год назад

    in this video is used the free or paid version of chat gpt??

  • @ahmedrazashibli8743
    @ahmedrazashibli8743 Год назад

    The only thing i am mastering this year

  • @Hello-fc8oi
    @Hello-fc8oi Год назад +2

    AI is either GOD or GHOST...
    Damn powerful

  • @ApacheChief3000
    @ApacheChief3000 Год назад +1

    Gunga ginga

  • @chujcinaimie
    @chujcinaimie Год назад

    Update your web browser

  • @akssagir5411
    @akssagir5411 Год назад

    I was not able to sign up chatgpt....
    It shows following error
    Sign up is currently unavailible...

  • @razdingz
    @razdingz Год назад

    ya ya good good yaya

  • @iliyalb
    @iliyalb Год назад

    1:57:00 🚔🚨

  • @pedro3059
    @pedro3059 Год назад +2

    Light chatGPT's theme should be banned for programmers, otherwise great video!

  • @nick-pu4zae
    @nick-pu4zae Год назад

    ❤❤❤

  • @apollo1137
    @apollo1137 Год назад

    You got Pretty and sweet voice 🎉

  • @roody_io
    @roody_io Год назад +5

    I want you to act as a software developer. I will provide some specific information about a web apps requirements, and it will be your job to come up with an architecture for developing an easy-to-use course app.
    ^^The initial prompt used for copy pasta :)

    • @flor.7797
      @flor.7797 Год назад +2

      break down into small steps ❤

  • @abhishektripathi8654
    @abhishektripathi8654 Год назад

    wo ladki kha hae jiski thumbnail lgayi thi.

  • @Sneaadler
    @Sneaadler Год назад +2

    People need a course for how to ask questions? ah man

    • @scottmclearn6949
      @scottmclearn6949 Год назад

      Prompt Engineering is a skill

    • @bigbadgammagnome
      @bigbadgammagnome Год назад +3

      ​@@scottmclearn6949like how putting in prompts to an AI art generator is being an artist? Aye right

  • @zes7215
    @zes7215 Год назад

    no such thing as overwhelx or etc, talx, more 1uferiorx bloat, doesnt matter

  • @cyberianoid
    @cyberianoid Год назад

    ChatGPT again? No, thaks!
    *I call on all sane experts to boycott AI and ChatGPT!*

  • @jonathanolivier6932
    @jonathanolivier6932 Год назад

    ya but you don't improve yourself, you improve IA knowledge at least

  • @ApacheChief3000
    @ApacheChief3000 Год назад +1

    This is MINE I am first