Перейти к содержимому

Full Stack React Project ( Doctors Appointment Platform )- Next JS, Vonage, Tailwind, Prisma, Shadcn

RoadsideCoder

0:00 / 0:00

Full Stack React Project ( Doctors Appointment Platform )- Next JS, Vonage, Tailwind, Prisma, Shadcn

61 701 просмотр · 1 год назад
RoadsideCoder
177 тыс. подписчиков
61 701 просмотр · 1 год назад
🔗 Clerk - https://go.clerk.com/6ozogt8 🔗 Neon - https://fyi.neon.tech/5rc 🔗 Vonage - https://vonage.dev/roadside-coder ➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount) Build a Full Stack Doctors Appointment App with Video Call in React 19 + Next JS 15 with Tailwind CSS, NeonDB, Prisma, Clerk Authentication, Vonage Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset. ➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA ➡️ Source Code - https://github.com/piyush-eon/doctors... ➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder 👤 Join the RoadsideCoder Community Discord -   / discord   🔗 React Hook Form Tutorial -    • React Hook Form (with Zod) - Full Tutorial 🔥🔥   🔗 Job Portal Project Tutorial -    • Full Stack React JS Project ( Job Portal )...   🔗 Calendly Portal Project Tutorial -    • Full Stack React JS Project ( Calendly Clo...   🔗 MERN Stack Chat App Tutorial -    • MERN Stack Chat App with Socket.IO Tutorial   🔗 Complete Data Structures and Algorithms with JS Course -    • Data Structures and Algorithms in Javascri...   🔗 JS Interview Series -    • Javascript Interview Questions ( Var, Let ...   🔗 Cars24 Interview Experience -    • Frontend Interview Experience (Cars24) - J...   🔗 Unacademy Interview Experience -    • Frontend Interview Experience (Unacademy) ...   🔗 React Beginner's Project Tutorials -    • React JS Project Tutorials 🔥🔥   #reactjstutorial #frontend #ReactJS ------------------------------------------------------------------------- 00:00:00 Intro 00:01:15 Setup Next JS and Shadcn UI 00:02:50 App Layout 00:14:40 User Authentication 00:24:32 Backend Setup 00:26:36 Vonage Setup 00:30:41 Landing Page 00:53:44 Database Design 00:57:45 Creating Database Models 01:05:25 Storing User in DB 01:12:43 User Subscription Plans 01:29:26 Routing in Next JS 01:35:47 Onboarding APIs 01:42:11 Onboarding UI 01:57:45 Custom Hook to Fetch APIs 02:05:57 Apply as Doctor 02:26:45 Admin Page APIs 02:32:21 Admin Dashboard UI 02:59:48 Doctors Listing Page 03:10:37 Doctor Dasboard APIs 03:16:40 Set Doctor Availability 03:34:07 Book Appointment APIs 03:52:27 Doctor Details Page 03:57:18 Slots and Booking Flow 04:23:13 Cancel, Add Notes, Mark Complete APIs 04:34:15 Video Call Token Generation with Vonage 04:38:40 Doctor Appointment List 05:00:45 Add Notes and Cancel a call 05:13:53 Video Call Page with Vonage 05:33:10 Assignment 05:35:28 Deployment ------------------------------------------------------------------------- ⭐ Support the channel -    / @roadsidecoder   Special Thanks to our members -