Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Build a Calendly Clone - Full Stack Next.js, TypeScript, React, Tailwind

via freeCodeCamp

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This project-based course guides learners through building and deploying a Calendly-style scheduling application with Next.js, TypeScript, React, Tailwind, authentication, database features, booking workflows, and Google Calendar integration.

Syllabus

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 ❤️

Taught by

freeCodeCamp.org

Reviews

Start your review of Build a Calendly Clone - Full Stack Next.js, TypeScript, React, Tailwind

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.