Загрузка...

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
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять