Create Calendar Events in React With Google Calendar API and Supabase (Supabase Providers Tutorial)
34.8 هزار بار بازدید -
2 سال پیش
-
🎓 Join my learning platform
🎓 Join my learning platform for module based courses, learning exercises, and more: https://coderprep.com/
In this video we will set up a Supabase project and link it to a Google OAuth provider. This will allow us to authenticate with Google and access the Google Calendar API. Whether you're a beginner or an experienced developer, this video will show you how to create a React application that uses the Google Calendar API to create events. This video is also a great introduction to using Supabase providers (Supabase OAuth 2.0 providers). The concepts discussed in this video can help with any OAuth provider in Supabase. Supabase OAuth authentication is also incredibly useful because you can use the same logged in user to manage other Supabase services (such as database or large file storage).
Final code: https://github.com/coopercodes/Google...
Business inquiry? Email [email protected]
0:00 Project Demo
1:17 Supabase and Google setup
6:50 Initialize Supabase in React
9:27 Setup Google sign in / sign out
16:22 Handling Date inputs (start / end of event)
18:47 Handling text inputs (even name / description)
20:25 Create Google Calendar event
28:05 Testing event creation (thanks for watching!)
In this video we will set up a Supabase project and link it to a Google OAuth provider. This will allow us to authenticate with Google and access the Google Calendar API. Whether you're a beginner or an experienced developer, this video will show you how to create a React application that uses the Google Calendar API to create events. This video is also a great introduction to using Supabase providers (Supabase OAuth 2.0 providers). The concepts discussed in this video can help with any OAuth provider in Supabase. Supabase OAuth authentication is also incredibly useful because you can use the same logged in user to manage other Supabase services (such as database or large file storage).
Final code: https://github.com/coopercodes/Google...
Business inquiry? Email [email protected]
0:00 Project Demo
1:17 Supabase and Google setup
6:50 Initialize Supabase in React
9:27 Setup Google sign in / sign out
16:22 Handling Date inputs (start / end of event)
18:47 Handling text inputs (even name / description)
20:25 Create Google Calendar event
28:05 Testing event creation (thanks for watching!)
2 سال پیش
در تاریخ 1401/10/07 منتشر شده
است.
34,892
بـار بازدید شده