- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
Full Stack React Project ( Doctors Appointment Platform )- Next JS, Vonage, Tailwind, Prisma, Shadcn
🔗 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-appointment-platform
➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
https://discord.gg/2ecgDwx5EE
🔗 React Hook Form Tutorial -
https://www.youtube.com/watch?v=qyzznUNe1ho
🔗 Job Portal Project Tutorial -
https://www.youtube.com/watch?v=2XF-HgauItk&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=2
🔗 Calendly Portal Project Tutorial -
https://www.youtube.com/watch?v=glAC7d-TYSM&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=3
🔗 MERN Stack Chat App Tutorial -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf
🔗 Complete Data Structures and Algorithms with JS Course -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4
🔗 JS Interview Series -
https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1
🔗 Cars24 Interview Experience -
https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2
🔗 Unacademy Interview Experience -
https://www.youtube.com/watch?v=abbdJ4Yfm54
🔗 React Beginner's Project Tutorials -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk
#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 -
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join
Special Thanks to our members -
Видео Full Stack React Project ( Doctors Appointment Platform )- Next JS, Vonage, Tailwind, Prisma, Shadcn канала RoadsideCoder
🔗 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-appointment-platform
➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
https://discord.gg/2ecgDwx5EE
🔗 React Hook Form Tutorial -
https://www.youtube.com/watch?v=qyzznUNe1ho
🔗 Job Portal Project Tutorial -
https://www.youtube.com/watch?v=2XF-HgauItk&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=2
🔗 Calendly Portal Project Tutorial -
https://www.youtube.com/watch?v=glAC7d-TYSM&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=3
🔗 MERN Stack Chat App Tutorial -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf
🔗 Complete Data Structures and Algorithms with JS Course -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4
🔗 JS Interview Series -
https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1
🔗 Cars24 Interview Experience -
https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2
🔗 Unacademy Interview Experience -
https://www.youtube.com/watch?v=abbdJ4Yfm54
🔗 React Beginner's Project Tutorials -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk
#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 -
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join
Special Thanks to our members -
Видео Full Stack React Project ( Doctors Appointment Platform )- Next JS, Vonage, Tailwind, Prisma, Shadcn канала RoadsideCoder
react reactjs react js react js project next js next js ai project full stack project portfolio project fullstack project javascript mongodb nextjs project web development project coding project webdev project full stack website clone react clone app react js tutorial react project tutorial react tutorial react 19 features next js 15 next js 15 tutorial nextjs react job portal react project ai project doctor appointment app video call app vonage
Комментарии отсутствуют
Информация о видео
1 июня 2025 г. 18:00:24
05:40:52
Другие видео канала





















