Creating Documents using React / Google Docs API / Google OAuth 2.0

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น •

  • @estebanduran6255
    @estebanduran6255 2 ปีที่แล้ว +2

    Excellent demonstration of Google docs API. You explained the topic in a very concise way without much handholding.

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว +1

      My goal is to explain the majority of the important details, but also allow people to come to their own understandings and become better developers themselves. Glad to see the tutorial was helpful, thank you for the comment.

  • @managedkaos
    @managedkaos 9 หลายเดือนก่อน +1

    Thanks!

    • @CooperCodes
      @CooperCodes  9 หลายเดือนก่อน

      You're welcome! Appreciate the super thanks, and glad the video was helpful for your project. Thank you again :)

  • @managedkaos
    @managedkaos 9 หลายเดือนก่อน

    This is just what i needed for a project I'm working on. Thanks!

  • @eredluin1
    @eredluin1 2 ปีที่แล้ว +1

    I get the "has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled." when I try to create a file, can someone help?

  • @amirnoorani5017
    @amirnoorani5017 ปีที่แล้ว

    Thank you Cooper. Your tutorial is the best among 10 other tutorials that I've watched. Only one thing, if someone else login with another Google account, he will access to his own google resources?

  • @TejasKolwankar
    @TejasKolwankar ปีที่แล้ว

    i have added all these scope in the oatuh but it doesnt ask me for those scope

    • @developeragg
      @developeragg ปีที่แล้ว

      It doesn't work anymore, any alternative?

  • @mdikbalhosen1711
    @mdikbalhosen1711 ปีที่แล้ว

    How to get all the google docs of users and show in UI and when he click on a doc it will open. How can I do this?

  • @DouglasAlmeida-hp5jk
    @DouglasAlmeida-hp5jk ปีที่แล้ว

    Is there any way when creating this document in docs to give permissions to another google email?

  • @samuelzhu3073
    @samuelzhu3073 8 หลายเดือนก่อน

    ur actually goated - easy to follow tutorial 👌

  • @WILLIAMCORREA85
    @WILLIAMCORREA85 2 ปีที่แล้ว +1

    Wonderful video. Thank you. I have a question: How do I do if I want to upload files to my user's drive account?

  • @ahmadalamin3616
    @ahmadalamin3616 2 ปีที่แล้ว

    hey i was wondering how did you hide the logout button before logging in, and vice versa? could you share the original code please?

  • @abdulkareemaldeek8135
    @abdulkareemaldeek8135 2 ปีที่แล้ว

    Awesome! Thank you, I hope to upload more videos about Google API with a more complicated Project.

  • @cruzorblade
    @cruzorblade 2 ปีที่แล้ว +1

    Thanks you for the great content. Was really what I was looking for 😃.
    Please a question: I am currently working on a project with Firebase storage and Firestore. How to do the same with it?

  • @surajchaudhary936
    @surajchaudhary936 2 ปีที่แล้ว

    may i get the github link of the same code

  • @developeragg
    @developeragg ปีที่แล้ว

    It doesn't work anymore, any alternative?

  • @dadioodude
    @dadioodude 2 ปีที่แล้ว

    Thank you for the great video. Would you know how to add a custom name to a google sheet? I was able to use the fetch command, replacing the link with the one for Sheets, to create new Sheets. However, I was not able to assign new Sheets a custom name using "?title=Custom Name".

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      You should be able to pass variables into the body of your request with the Fetch API. I haven't looked into the Sheets API so I am unsure which variables need to be set, so hopefully the Sheets API Docs can provide that.
      developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#supplying_request_options
      Here is an example of passing in options to a Fetch API call, although a little complicated hopefully this gets you going in the right direction. In the example they set the variable "answer" equal to 42, so in your situation I'd assume it's something more like "title" equal to "This is my custom title here!".

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      const data = { title: 'example' };
      fetch('', {
      method: 'POST', // or 'PUT'
      headers: {
      'Content-Type': 'application/json',
      },
      body: JSON.stringify(data),
      })
      .then(response => response.json())
      .then(data => {
      console.log('Success:', data);
      })
      .catch((error) => {
      console.error('Error:', error);
      });
      An example further down in the Fetch API docs from above, a bit more simple than the one I linked.
      developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#uploading_json_data

  • @karevenugopal4811
    @karevenugopal4811 2 ปีที่แล้ว

    Can u make one video creating Google sheets using reactjs with Google API

  • @sergey7144
    @sergey7144 2 ปีที่แล้ว +1

    Great video. I have a question. Can we write data to Google Sheet using React? Maybe you can help with it😀

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      I'll give a look into this for sure! Maybe a series on multiple google drive related topics / API usage

  • @amrendrasingh6109
    @amrendrasingh6109 ปีที่แล้ว +1

    Thank you so much sir ❤

  • @muskansahu4595
    @muskansahu4595 ปีที่แล้ว

    Please make a video on document.batchUpdate metod with react (this is also a Google doc api )

  • @rupertxyz
    @rupertxyz 2 ปีที่แล้ว

    This was an amazing tutorial!

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      Thank you for your support! Appreciate it

  • @miguelcabaero5843
    @miguelcabaero5843 6 หลายเดือนก่อน

    Thank you so much TwT

  • @dreamdivine401
    @dreamdivine401 2 ปีที่แล้ว

    Thank you..learned so much

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      Glad it was helpful! Thanks for watching :)

  • @kartik9892
    @kartik9892 2 ปีที่แล้ว +1

    Doing it the gapi way is deprecated the new way is google identity service

    • @developeragg
      @developeragg ปีที่แล้ว

      It doesn't work anymore, any alternative?

  • @lukaakhalbedashvili7167
    @lukaakhalbedashvili7167 ปีที่แล้ว +1

    github ref would be great

  • @godswillonyeka5973
    @godswillonyeka5973 2 ปีที่แล้ว

    Nice one

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      Thank you kindly, appreciate the support!

  • @anshikasethiya5140
    @anshikasethiya5140 2 ปีที่แล้ว

    Getting an error in authorized javascript URI its is showing invalid. It wrote: "loacalhost:3000"

    • @CooperCodes
      @CooperCodes  2 ปีที่แล้ว

      I think it should be localhost:3000 you may want to double check your spelling

    • @baxtables
      @baxtables 2 ปีที่แล้ว +1

      and also its http not https

  • @miguelcabaero5843
    @miguelcabaero5843 6 หลายเดือนก่อน

    Thank you so much TwT

  • @miguelcabaero5843
    @miguelcabaero5843 6 หลายเดือนก่อน

    Thank you so much TwT