NextJS 15 + TypeScript Full-Stack App - Calendra App

via Udemy

Go to Course: https://www.udemy.com/course/nextjs-15-typescript-full-stack-app-calendra-app/

Overview

Build and Deploy a Full-Stack Scheduling App Like CalendlyTired of the timezone mix-ups, back-and-forth scheduling emails, and calendar confusion? Wish you could build something as sleek and useful as Calendly-with your own hands? You're in the right place.Welcome to "Build and Deploy a Calendly Clone", a hands-on, real-world course where you'll learn how to build Calendra-a full-featured, full-stack scheduling app that lets users create events, set availability, and share booking links with the world. Oh, and it even syncs with Google Calendar to make sure meetings actually land where they should.Whether you're a junior dev looking to level up your full-stack skills, or a mid-level engineer wanting to build something polished and practical, this course is designed to walk you through every step of building a professional-grade SaaS-style product from scratch.What You'll LearnOver the course of this project-based journey, you'll learn how to:Build a modern landing page with clean, responsive design that sets the tone for your app. No outdated templates-just fresh, functional UI.Set up authentication with Clerk, so users can securely register, log in, and manage their own events and schedules.Design intuitive navigation and user flows, because if users get lost, they won't book meetings.Create an Events Page, where users can set up different types of events (like 30-min or 60-min meetings) with customizable durations, descriptions, and availability.Build a dynamic Schedule Page, so users can set their weekly availability in an intuitive, user-friendly interface.Launch Public Profile Pages, complete with unique URLs, where anyone can book meetings with a user-no signup required.Integrate with Google Calendar, using Google APIs, to automatically sync meetings and set reminders-so nothing slips through the cracks (or lands at 3 AM).Handle timezones intelligently, so meetings are booked at the right time no matter where users or their clients are located.What You'll BuildBy the end of this course, you'll have a fully deployed version of Calendra, a real-world scheduling app that can:Authenticate usersLet users create and customize eventsLet others book time with them based on their availabilityAutomatically create calendar events in Google CalendarPrevent double-bookings and timezone confusionAnd it will look professional, fast, and modern-ready to show off in your portfolio or even use in production.Tech StackWe're using the latest tools and libraries to build something that feels modern and performant:Next.js 15 - App Router, Server Actions, Edge-ready by defaultReact 19 - For building rich, interactive UITypeScript - For type-safe, maintainable codeTailwind CSS v4 - For styling that's fast, flexible, and easy to customizeshadcn/ui - For beautifully designed, accessible componentsNeon - A modern Postgres database with branching and serverless supportDrizzle ORM - Type-safe database queries, schema-first and easy to useGoogle Calendar API - For real calendar sync and remindersClerk - Modern authentication with email, OAuth, and moreMeet Your InstructorHi! I'm Nour, a software engineer and creator of Programming Fluency. I've helped thousands of developers learn how to build real, production-ready apps with clean architecture and modern tools. My goal is to make sure you not only understand what you're building, but that you can confidently build similar projects on your own after the course.Who This Course Is ForThis course is for:Frontend developers ready to dive into full-stack projectsBackend-curious engineers looking to explore modern UI and toolingJunior to mid-level devs building portfolio projects that stand outAnyone who wants to build a real SaaS-style app from scratchYou should have some experience with React and JavaScript/TypeScript. You don't need to be a backend expert-I'll guide you through it step by step.By the End of This Course…You'll have:A deployed, fully functional scheduling appReal-world experience working with APIs, databases, and full-stack logicA polished project that demonstrates your skills to employers or clientsThe confidence to build and ship your own full-stack applicationsReady to Build Something Real?If you're tired of toy apps and tutorials that leave you wondering "how does this work in production?", this course is for you. We're building a real tool, with real features, that solves real problems.Join me-and let's build something amazing together.

Skills

Reviews