Build a Calendly Clone – Full Stack Next.js, Typescript, React, Tailwind

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‬

❤️ Try interactive Full Stack courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Full… (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 ❤️