Google Calendar API Event Page (Tailwind Project) | HTML and Tailwind CSS Project

Published: 11 February 2022
on channel: Coding in Public
7,324
98

Google Calendar is the default system for a reason: it’s stable, ubiquitous, and easy-to-use. Displaying calendar data, however can be a bit clunky, especially if you want your event page to reflect your site’s branding. In this series, I’ll show you how to:
Create a custom calendar event page with HTML, Tailwind CSS, and ViteJS
How to publish your site to Netlify
How to get a Google API key and store it safely as a Netlify environmental variable
How to write your own custom serverless function, allowing for dynamic query string parameters
How to fetch dynamic calendar data from your Google Calendar endpoint and display it on your site.

🔗 Key Links 🔗
Live code: https://codinginpublic.dev/projects/g...
GitHub: https://github.com/coding-in-public/g...
Help me make it better! Contribute to the community-improvements branch on GitHub.

📹 Other Videos in this Series 📹
Full Playlist:    • Google Calendar API Event Page (Tailw...  
Video 1:    • Google Calendar API Event Page (Tailw...  
Video 3:    • Google Calendar API Event Page (Tailw...  
Video 4:    • Google Calendar API Event Page (Tailw...  

---------------------------------------

🔗 Additional Links 🔗
Tailwind: https://tailwindcss.com/docs
Tailwind CSS IntelliSense VSCode extension: https://marketplace.visualstudio.com/...

---------------------------------------

📹 Related/Mentioned Videos 📹
Emmet for HTML:    • Emmet Expansion with HTML (How to typ...  

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
0:57 Explaining Tailwind CSS
2:53 Building out the page
22:38 Customizing Tailwind

---------------------------------------

🌐 Connect With Me 🌐
Website: https://www.codinginpublic.dev
Blog: https://www.chrispennington.blog
Twitter:   / cpenned  

Source for images: Google, Tailwind, Netlify


On this page of the site you can watch the video online Google Calendar API Event Page (Tailwind Project) | HTML and Tailwind CSS Project with a duration of hours minute second in good quality, which was uploaded by the user Coding in Public 11 February 2022, share the link with friends and acquaintances, this video has already been watched 7,324 times on youtube and it was liked by 98 viewers. Enjoy your viewing!