MENU

Fun & Interesting

Build a Calender Scheduling App with Node.js, React, Google Calendar API, TailwindCSS 2025

TechWithEmma 5,202 lượt xem 4 weeks ago
Video Not Working? Fix It Now

👋 Hey everyone! Build the ULTIMATE - 9hrs Calendar Scheduling Platform 🚀 In this step-by-step tutorial, you’ll learn how to create a Calendly Clone from scratch using Node.js, React/NextJS, Google Calendar API, Tailwind CSS, Shadcn/UI, TypeORM, Superbase PostgreSQL, and features like Event creation, Integration & Apps, Auto-Detect Time Zones! etc.
Whether a beginner or a pro, this video will guide you through building a Full-stack Calendar Scheduling Platform with advanced features. - Calendly Clone, PERN Stack

🙏🙏 Like & Subscribe To the Channel - https://tinyurl.com/subcribe-to-techwithEmma
🐦 Follow us on Twitter: https://x.com/techwithemma
🖼️ Follow us on Instagram: https://www.instagram.com/techwithemmaofficial

✅Join this channel to get access to perks:
https://www.youtube.com/channel/UCKF3twEFIvTQZxbY13D-udQ/join

📂✨ Access the course files on GitHub (Give a Star ⭐):
Course files: https://github.com/TechWithEmmaYT/Fullstack-PERN-Meetly-Saas

💻👉 Build and Deploy B2B MERN Project Management App | Google Sign-In, Roles, Workspaces, Analytics:
on Youtube: https://www.youtube.com/watch?v=tEt7-HqaVpU

💻👉Build Advanced MERN Auth: 2FA, Email Verification, Cookies, Sessions, and JWT with Node.js & Next.js:
on Youtube: https://youtu.be/2LRLsMracAY

💻👉 Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!:
on Youtube: https://www.youtube.com/watch?v=Q3hZybuD_xQ

🗝️Key Features: 👇
🔐 Easy Sign-Up & Login (Using JWT Authentication)
📅 Create Events (Public or Private)
🔗 Share Your Unique Booking Link (Clients Book Instantly!)
⏳ Set Your Availability & Time Slots (No Double-Booking!)
🌍 Auto-Detect Time Zones
📆 Custom-Built Calendar – No Plugins!
🔄 Integration & Apps (Sync Your Google Meet & Calendar Scratch)
✅ Track Upcoming, Past & Canceled Meetings
🕰️ Switch Between 12h & 24h Formats
💻 Built with: Node.js, TypeORM, PostgreSQL, React.js
💿 Supabase Postgres Database
🎨 Tailwind CSS v4 & Shadcn-ui

📚 Chapters 👇
00:00:00 - Intro
00:00:30 - Demo
00:03:36 - Project Setup/Structure
00:22:31 - Error Handler & Async Handler & Custom HttpException
00:44:27 - Superbase Database & Typeorm Setup
01:00:06 - TypeOrm Entities (Models)
01:52:14 - Register API & Validation Middleware
02:42:12 - Login API (JWT)
03:05:18 - Event APIs
04:27:02 - Availability APIs
05:42:30 - Integrations APIs
06:58:12 - Meeting APIs
08:03:26 - Frontend Implementation

🗃️Resources 👇
🔗👉Google Developer - https://console.cloud.google.com/
🔗👉Supabase: https://supabase.com/
🔗👉ReactQuery - https://tanstack.com/query/latest
🔗👉TailwindCSS - https://tailwindcss.com/
🔗👉Shadcn UI - https://ui.shadcn.com/docs/installation/next

💻👉Like & Subscribe To the Channel
Channel: https://tinyurl.com/subcribe-to-techwithEmma

Skip this:
Build a Calendly clone
Node.js tutorial
Create a Calendar Scheduling App

Comment