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

[@managedkaos]

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

[@miguelcabaero5843]

Thank you so much TwT

[@eredluin1]

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?

[@sergey7144]

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

[@CooperCodes]

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

[@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?

[@TejasKolwankar]

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

[@developeragg]

It doesn't work anymore, any alternative?

[@lukaakhalbedashvili7167]

github ref would be great

[@WILLIAMCORREA85]

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

[@cruzorblade]

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?

[@estebanduran6255]

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

[@CooperCodes]

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.

[@amrendrasingh6109]

Thank you so much sir ❤

[@miguelcabaero5843]

Thank you so much TwT

[@miguelcabaero5843]

Thank you so much TwT

[@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?

[@muskansahu4595]

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

[@kartik9892]

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

[@developeragg]

It doesn't work anymore, any alternative?

[@abdulkareemaldeek8135]

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

[@DouglasAlmeida-hp5jk]

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

[@karevenugopal4811]

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

[@ahmadalamin3616]

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

[@developeragg]

It doesn't work anymore, any alternative?

[@samuelzhu3073]

ur actually goated - easy to follow tutorial 👌

[@surajchaudhary936]

may i get the github link of the same code

[@managedkaos]

Thanks!

[@CooperCodes]

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

[@kalidsherefuddin]

The greatjob

[@dadioodude]

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]

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]

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

[@dreamdivine401]

Thank you..learned so much

[@CooperCodes]

Glad it was helpful! Thanks for watching :)

[@rupertxyz]

This was an amazing tutorial!

[@CooperCodes]

Thank you for your support! Appreciate it

[@godswillonyeka5973]

Nice one

[@CooperCodes]

Thank you kindly, appreciate the support!

[@anshikasethiya5140]

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

[@CooperCodes]

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

[@baxtables]

and also its http not https