Build and Deploy a modern, full-stack Calendly clone with Google Calendar integration—manage timezones, events, and meeting links like a pro using Next.js 15, Typescript, React 19, Tailwind CSS v4, Neon, Drizzle, Clerk and much more.
This course is brought to you by Noor Fakhry, founder of @Programming-Fluency
Code:
Noor's Discord Community:
❤️ Try interactive Full Stack courses we love, right in your browser: (Made possible by a grant from our friends at Scrimba)
Course Sections
0:00:00 - Intro
0:03:33 - A First look at Calendra
0:18:04 - Project Setup
0:24:28 - Authentication
0:35:41 - Landing Page
0:42:33 - Database Setup
1:01:32 - Navigation Bars
1:18:43 - Events Page
1:21:45 - New Events Page
1:24:07 - Event Form
1:40:50 - onSubmit & Events Actions
2:09:47 - Event Card
2:24:51 - Edit Events Page
2:32:54 - Favicon
2:34:26 - Schedule Feature
2:38:20 - Schedule Form
2:55:21 - Schedule onSubmit Function
3:06:01 - book route
3:10:24 - PublicProfile Component
3:18:08 - Google Calendar API
3:27:28 - Booking Events Page
3:29:54 - Get valid times from schedule
3:50:17 - Meeting Form & Actions
4:13:48 - Deployment
4:19:35 - Thank You ❤️
🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual
--
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
|
2025/06/24
youtube
![Web Development Full Course | Web Development for Beginners [2025] | Web Developer Course | Edureka](https://i.ytimg.com/vi/lGLI3kzItxg/sddefault.jpg)
