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

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

freeCodeCamp.org via freeCodeCamp Direct link

0:35:41 - Landing Page

5 of 25

5 of 25

0:35:41 - Landing Page

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 0:00:00 - Intro
  2. 2 0:03:33 - A First look at Calendra
  3. 3 0:18:04 - Project Setup
  4. 4 0:24:28 - Authentication
  5. 5 0:35:41 - Landing Page
  6. 6 0:42:33 - Database Setup
  7. 7 1:01:32 - Navigation Bars
  8. 8 1:18:43 - Events Page
  9. 9 1:21:45 - New Events Page
  10. 10 1:24:07 - Event Form
  11. 11 1:40:50 - onSubmit & Events Actions
  12. 12 2:09:47 - Event Card
  13. 13 2:24:51 - Edit Events Page
  14. 14 2:32:54 - Favicon
  15. 15 2:34:26 - Schedule Feature
  16. 16 2:38:20 - Schedule Form
  17. 17 2:55:21 - Schedule onSubmit Function
  18. 18 3:06:01 - book route
  19. 19 3:10:24 - PublicProfile Component
  20. 20 3:18:08 - Google Calendar API
  21. 21 3:27:28 - Booking Events Page
  22. 22 3:29:54 - Get valid times from schedule
  23. 23 3:50:17 - Meeting Form & Actions
  24. 24 4:13:48 - Deployment
  25. 25 4:19:35 - Thank You ❤️

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.