Build Doctor AI Agents + Website Builder SaaS for Clinics | Next.js, Supabase, Claude AI Full-Stack

Full Transcript

https://www.youtube.com/watch?v=_1VFKR0_1Cc

[00:00] Welcome back to yet another project video.
[00:04] In this project, we're going to build the advanced version of Dr. AI agent booking automation workflow.
[00:10] In the last project, we have seen that how the user can create how the doctor can create the widget and add their existing website.
[00:19] But in this advanced project, we're going to allow them to build their website within the application and they can launch it if they don't have the website.
[00:24] So, you will come back here.
[00:26] This is what we have seen in the last video.
[00:29] So, make sure if you haven't watched this video, watch this till the end.
[00:32] You will understand that what feature we have included.
[00:35] This project is the advanced version where we are providing a website builder.
[00:38] So, if I come back to the website builder, you will find that I'm charging a small subscription fee.
[00:45] So, you will find that here we have the website builder page.
[00:47] If the doctor wants to launch their website, they have to take the monthly subscription.
[00:51] And they have to pay one USDT.
[00:54] You can set any price, but I'm charging one USDT, but you can change to five, 10, whatever you want.
[00:59] So, what I
[01:02] five, 10, whatever you want.
[01:02] So, what I will do is I'll click on this pay and publish, and here it will open.
[01:05] Let me click on this connect.
[01:08] And it's telling me to switch the network.
[01:11] So, let's click on the switch to polygon.
[01:14] I've switched, and I can see my fund.
[01:14] Now, I can click on this pay.
[01:18] Let's click on this pay, and it's going to make a transaction, and the admin of this particular application will receive the payment.
[01:23] So, I'll click on this confirm, and once the transaction will complete, we'll have the dashboard editor for the website which we used to launch.
[01:32] So, here you can see that we have successfully completed the payment, and now we can click on this view our website, view my website.
[01:37] The moment I will click, it will come back here, and you will find that the website edit panel is activated.
[01:44] You can see your publish subscription is activated.
[01:46] You can copy this is the unique URL which you will get for your website, which you can share in any platform.
[01:53] So, right now you will have this dashboard.
[01:55] You can see the template.
[01:57] You can pick that what template you want to use it.
[01:59] You can select that one, but this looks modern.
[02:01] I will go with that one. And
[02:02] modern. I will go with that one.
[02:04] And from here you can edit. You can also edit the AI widget, and you can simply edit the AI widget, and you can simply preview that one.
[02:06] So, let's do one thing. Let's click on this edit.
[02:10] And it will take me to the edit panel, and from where I can edit the entire template.
[02:14] So, just wait. Right now, you will find that this is how the template is going to look.
[02:19] It's looks absolutely perfect. You can add all the details.
[02:23] So, right now you will find that this is the editor we have.
[02:25] Let me collapse this one.
[02:26] This is how it's going to look.
[02:28] Looks absolutely perfect.
[02:30] So, this is all the models we have.
[02:32] If you want to take a preview, you can click here, and it will take you on the next browser, and that's how it's going to look.
[02:37] This is how it's going to look.
[02:39] You will have all of this option.
[02:40] You can click here, and you can you can start booking an appointment.
[02:44] You can click here, user can start booking an appointment.
[02:45] If I click here, I can click on this, click on that, and let me book an appointment.
[02:50] So, all the feature is automatically added and looks fine.
[02:52] So, I'll select this one. Let me give this number.
[02:54] I can click on this review my booking, and click on this confirm.
[02:57] And the booking would be completed.
[03:01] So, the booking is complete.
[03:02] The system is working fine. Every single thing got
[03:04] working fine.
[03:04] Every single thing got synchronized.
[03:05] So, if I click here, if I want to chat with AI, I can do that.
[03:07] Now, I want to do the editing in this template.
[03:10] So, I can come back here, and from here I can add the detail.
[03:14] For example, welcome to welcome to the blockchain coder.
[03:16] So, if I say welcome to because that's the name of my clinic, I can say welcome to Dolat.
[03:23] I can say welcome to Dolat Hossain.
[03:28] That's what I can type.
[03:29] I can also type, and I can give my detailed description.
[03:34] I'll say Hey, whatever you want.
[03:35] You can add all your types.
[03:37] You can change the text name.
[03:40] I'll say book book appointment.
[03:43] Dolat, you can add anything.
[03:45] You can also change the color.
[03:47] So, if you want to use a different color palette, you can simply add that one.
[03:50] You can change.
[03:54] So, let me add this one.
[03:56] But I don't want to add it because it looks Okay, I can add it.
[03:59] So, you can select what color palette I want to use.
[04:00] So, this looks a little better.
[04:02] You can adjust that color palette.
[04:02] And from here
[04:04] Adjust that color palette.
[04:04] And from here you can add your image.
[04:06] Right now, you will find that I have this image.
[04:07] So, I can click here, and I can add the image.
[04:09] For example, I'll go with this one.
[04:12] This is the image I have.
[04:14] I can click on this open.
[04:17] And it's going to upload my image.
[04:18] Once it will be uploaded, it's going to reflect here.
[04:20] So, just wait.
[04:20] It's uploaded, and that's how it's looking.
[04:23] Make sure you have to have a proper image size.
[04:25] This is the circular image I have.
[04:27] If I want to replace, I can simply replace, or I can remove it.
[04:28] I can remove it, and it would be If I click here, I can add other images as well.
[04:32] For example, this is the one I can add it.
[04:35] So, this is the currently the project which we have launched, and that's the thumbnail I have.
[04:39] This is what I can add it.
[04:41] So, you can add any images.
[04:43] Once you're done with all of that, you can also check the hero banner.
[04:46] So, if you want to show it or hide it, you can control it from here.
[04:49] I can click on this save, and this will be saved.
[04:52] This hero section is saved.
[04:53] Now, you can go back to the next one.
[04:55] So, if I come back here, we have the about us section.
[04:57] And there you will have all the details.
[04:58] If you want to edit, you can edit that one.
[05:00] About us, can say about Dolat.
[05:05] About us, can say about Dolat.
[05:05] Dolat, you can add that one.
[05:06] Dolat, you can add that one.
[05:06] You can add your description.
[05:08] You can check your description.
[05:08] You can check the experience.
[05:10] That's all you can provide, experience.
[05:10] That's all you can provide, and you can add all your image as well.
[05:12] and you can add all your image as well.
[05:14] So, you can click here, and let me add my image.
[05:17] my image.
[05:17] So, I'll go with this one, and you can add your image.
[05:18] you can add your image.
[05:18] It's going to upload, and it's going to reflect here.
[05:21] upload, and it's going to reflect here.
[05:22] So, once it will be uploaded, you will find the image is looking fine.
[05:24] find the image is looking fine.
[05:24] Now, you can come back here.
[05:25] You can add your certification if you have more.
[05:27] certification if you have more.
[05:27] So, I can click here.
[05:29] I'll say coders, and I can click on this save.
[05:32] coders, and I can click on this save.
[05:32] You will find it's a coder.
[05:34] You can add more.
[05:35] If you want, you can remove it.
[05:37] So, if I click on this save, it will be saved.
[05:39] saved.
[05:39] If I want to update this one, let's I can say 15 years.
[05:41] let's I can say 15 years.
[05:41] Click on the save, and it will be saved.
[05:43] save, and it will be saved.
[05:45] So, the control you will have in the about us section.
[05:46] about us section.
[05:46] So, once you're done with that, now you can go back to the services section.
[05:47] with that, now you can go back to the services section.
[05:49] You can also hide this one.
[05:51] Looks fine.
[05:51] You can hide this about one.
[05:53] one.
[05:53] Now, you can come back to the services.
[05:54] services.
[05:54] From here you can control that what services you are providing, and
[05:56] what services you are providing, and here you will have this option, use
[05:58] here you will have this option, use clinic service.
[05:59] clinic service.
[05:59] So, whatever the clinic service I have, that's what we're going to use it.
[06:00] service I have, that's what we're going to use it.
[06:02] You can toggle this one, and it's not going to reflect, but it's
[06:04] it's not going to reflect, but it's going to reflect.
[06:04] So, you can add this
[06:05] going to reflect.
[06:07] So, you can add this one.
[06:07] Now, if you come back to the one.
[06:07] Now, if you come back to the gallery, from here you can add multiple images.
[06:09] Multiple images you can add it.
[06:12] So, as of now, it is displaying.
[06:14] I can simply hide it, and let me find it out that right now we don't have any images, but you can add more images.
[06:19] For example, I can I can add the images.
[06:22] Let's click on this, and I can click on this.
[06:24] And from here I can add multiple images which I want.
[06:27] So, just wait.
[06:27] It's adding, and it will reflect here.
[06:31] So, we have the images added.
[06:31] This is not an error.
[06:34] It's just a warning because we are in the development.
[06:35] I can add one more if I want.
[06:37] I can click here.
[06:38] Click on this, and I can add the images as well.
[06:41] So, this is the another image I have which I have added.
[06:45] If you want to add, you can click here, and you can add more images.
[06:48] So, I can click here.
[06:48] I can click on this, and I can add this image as well.
[06:51] So, you can add all the clinic images, and that's all it's going to reflect here.
[06:54] So, this is my images when I was ripped,
[06:58] and I'm trying to get more ripped.
[07:00] So, now this is our services.
[07:02] You can come back here, and you can simply define all of that.
[07:03] So, this is how you can add it.
[07:05] So, once you add all the images, make
[07:07] So, once you add all the images, make sure to click on this save, and the data would be saved in our database.
[07:11] So, once you have added, looks fine.
[07:13] Now, you can come back to the contact, and there you will have this option.
[07:16] So, if you want, you can control the contact section.
[07:17] You can say contact, get in touch me or Dolat.
[07:19] You can add that one.
[07:23] You can provide the address, number, clinic.
[07:25] You can select the timing, and you can also add a Google Map URL, so user can redirect there.
[07:32] Now, if you come back to the call to action, this is what we have.
[07:33] So, we get ready, and you can also hide this, and you can also open this one.
[07:37] So, this is our call to action.
[07:41] Once you're done, you can simply click on the save, and it is saved.
[07:44] Once it's saved, now you can able to have the preview.
[07:46] You can click on this.
[07:48] It will take me you on the new browser.
[07:49] So, our application is live.
[07:51] Every single data, every single thing is live which you can able to control.
[07:53] User can click here.
[07:55] They can click on this, and they can book an appointment.
[07:56] They can chat, and they can have the conversation, and they can simply book an appointment.
[08:00] So, I can select this one, select this, give my number, and I can confirm my booking.
[08:09] I can confirm my booking.
[08:11] I can also confirm my booking with the chat model.
[08:12] So, I can click here, come back here, and I say book appointment.
[08:15] Book appointment, hit enter.
[08:20] And it will ask you a couple of question.
[08:22] So, that's what you have to give the answer.
[08:24] So, it's going to communicate with our database, and it will ask you this.
[08:27] So, let me quickly copy this one.
[08:29] This is what I want, and let me give my name.
[08:31] I'll say name.
[08:34] I'm just providing this in advance because this is what it's going to ask because we need this one.
[08:37] So, I'm just giving it advance.
[08:40] So, it's going to process it.
[08:42] Otherwise, it's going to ask me one question at a time, and I have to simply respond it.
[08:45] So, we'll see it has all the data.
[08:46] Now, it's asking me for the date.
[08:47] I will go with 20 nine, and hit enter.
[08:51] Now, it will ask me for the time because there are certain questions which I have set which we need to book an appointment.
[08:55] So, I'll go with the morning slot.
[08:56] I'll give one.
[08:58] And just wait.
[09:01] Once the appointment will booked, our application would be live.
[09:03] So, finally, the appointment is booked because we have provided all these details, number and all.
[09:06] And please confirm.
[09:08] Okay, yes.
[09:10] Confirm. Okay, yes. I'll say yes, and hit enter.
[09:13] I'll say yes, and hit enter.
[09:14] And it's going to simply book an appointment, and you will get the appointment in your dashboard.
[09:15] appointment, and you will get the appointment in your dashboard.
[09:19] So, just wait. You will get the confirmation, and your appointment is booked, and I got the email as well.
[09:20] So, just wait. You will get the confirmation, and your appointment is booked, and I got the email as well.
[09:21] confirmation, and your appointment is booked, and I got the email as well.
[09:23] booked, and I got the email as well. So, if you come back here in the dashboard, your application is live.
[09:25] if you come back here in the dashboard, your application is live.
[09:27] your application is live. If you go back here in the home section, in the dashboard section, there you will find the recent appointment you have got.
[09:29] here in the home section, in the dashboard section, there you will find the recent appointment you have got.
[09:31] dashboard section, there you will find the recent appointment you have got. All the appointment if you go back to the appointment section, let me expand this one.
[09:33] the recent appointment you have got. All the appointment if you go back to the appointment section, let me expand this one.
[09:34] the appointment if you go back to the appointment section, let me expand this one.
[09:36] one. So, this is the appointment sections. And there you will find all the appointment which you have got.
[09:37] one. So, this is the appointment sections. And there you will find all the appointment which you have got.
[09:39] sections. And there you will find all the appointment which you have got.
[09:41] the appointment which you have got. So, we have got the book for 29. That's what we have.
[09:43] we have got the book for 29. That's what we have.
[09:44] we have. If you come back to the calendar, there you can able to find the appointments.
[09:47] calendar, there you can able to find the appointments. You can simply expand this one for a week.
[09:48] appointments. You can simply expand this one for a week.
[09:50] one for a week. You can expand with for a day.
[09:53] a day. So, right now today we have these two appointments. You can click and you can open it up.
[09:54] two appointments. You can click and you can open it up.
[09:56] can open it up. If If go with month, this is what we have.
[09:58] this is what we have. So, today on 29 we have three appointments. Again, you can see you can mark it complete and you can simply hide it.
[10:00] have three appointments. Again, you can see you can mark it complete and you can simply hide it.
[10:02] see you can mark it complete and you can simply hide it.
[10:04] simply hide it. So, that's a really powerful project we have.
[10:07] So, that's a really powerful project we have. This one is the advanced version which has the website builder as well.
[10:09] have. This one is the advanced version which has the website builder as well.
[10:11] which has the website builder as well.
[10:12] So, those who don't have the website they can simply come and they can simply design their template and they can launch it.
[10:18] If you come back to the AI settings, from here you can control the entire thing.
[10:22] So, if you already have your website, you can simply copy this widget and you can inject.
[10:27] So, this is the advanced feature we have included in our project.
[10:30] This is in our Doctor AI SaaS booking workflow.
[10:35] So, I would highly encourage you to watch this one.
[10:37] In this we don't have the website builder, but this project is the advanced one.
[10:42] This project is an advanced one in which we have the website builder.
[10:46] So, I hope you have understood that what are the feature and functionality we have included.
[10:49] And the rest of the feature is going to be as it is which we have discussed in this project.
[10:54] Now, let me show you that how you can do all the setups once you will get this particular final source code and how you can get all the resources which you need to develop this project and launch it straight away.
[11:03] To get the complete assets and the final source code, you can come back to the blockchain coder.
[11:06] So, simply open a new tab, type the blockchain coder and you will come back here and here you will
[11:11] will come back here and here you will find all the project we have developed.
[11:13] find all the project we have developed. So, make sure to log in and create your account.
[11:15] So, make sure to log in and create your account. You can come back here, click on the source code once we log in or you can also come back here and you can also click on this source code.
[11:16] account. You can come back here, click on the source code once we log in or you can also come back here and you can also click on this source code.
[11:18] on the source code once we log in or you can also come back here and you can also click on this source code.
[11:20] can also come back here and you can also click on this source code. Once you will click, you will come back here and here you will find all the project we have developed.
[11:21] click on this source code. Once you will click, you will come back here and here you will find all the project we have developed.
[11:23] click, you will come back here and here you will find all the project we have developed.
[11:24] you will find all the project we have developed. So, make sure to click on this, click on this recent project and this is what you have.
[11:26] developed. So, make sure to click on this, click on this recent project and this is what you have.
[11:28] this, click on this recent project and this is what you have. Click on this and here you will find all the startup file and include the final source code.
[11:30] this is what you have. Click on this and here you will find all the startup file and include the final source code.
[11:31] here you will find all the startup file and include the final source code. So, make sure to click here and you will come back here and here you will find the complete architecture we have designed for this particular project.
[11:33] and include the final source code. So, make sure to click here and you will come back here and here you will find the complete architecture we have designed for this particular project.
[11:34] make sure to click here and you will come back here and here you will find the complete architecture we have designed for this particular project.
[11:35] and you will come back here and here you will find the complete architecture we have designed for this particular project.
[11:37] will find the complete architecture we have designed for this particular project. So, make sure to clone this one and save in your system.
[11:38] have designed for this particular project. So, make sure to clone this one and save in your system.
[11:40] project. So, make sure to clone this one and save in your system. So, when the complete project will come, we want to start building straight away.
[11:41] and save in your system. So, when the complete project will come, we want to start building straight away.
[11:43] complete project will come, we want to start building straight away. Now, we can come back here and let me show you how you can do the final source code of this advanced version.
[11:44] start building straight away. Now, we can come back here and let me show you how you can do the final source code of this advanced version.
[11:46] can come back here and let me show you how you can do the final source code of this advanced version. Make sure to come back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this.
[11:48] how you can do the final source code of this advanced version. Make sure to come back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this.
[11:49] this advanced version. Make sure to come back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this.
[11:51] back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this. So, let me quickly download this one.
[11:52] and you will give your valuable contribution to my team to bring more free project like this. So, let me quickly download this one.
[11:54] contribution to my team to bring more free project like this. So, let me quickly download this one. To download the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
[11:55] free project like this. So, let me quickly download this one. To download the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
[11:57] quickly download this one. To download the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
[11:58] the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
[12:00] zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
[12:02] you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
[12:04] will have the complete source code of the project with all the feature which you have seen in the demo. So, make sure to install a zip extractor. I'm using Mac, so I will double click on this and
[12:06] the project with all the feature which you have seen in the demo. So, make sure to install a zip extractor. I'm using Mac, so I will double click on this and
[12:08] you have seen in the demo. So, make sure to install a zip extractor. I'm using Mac, so I will double click on this and
[12:10] to install a zip extractor. I'm using Mac, so I will double click on this and
[12:12] Mac, so I will double click on this and it's going to give me this folder, but
[12:13] it's going to give me this folder, but if you are using Linux, Windows, make
[12:15] sure to install a zip extractor.
[12:17] And this is the folder you have to open in
[12:18] this is the folder you have to open in your VS code.
[12:21] I'll click on my VS code.
[12:22] Right now, we have this empty repository.
[12:25] Let me zoom a bit.
[12:27] Let me click on this open, go back to desktop and I will select the folder we have
[12:28] extracted.
[12:31] This one.
[12:34] Management SaaS.
[12:36] Open.
[12:37] And let's close this.
[12:39] Let's make on the full screen.
[12:41] And now, let me give you a complete walk through of the entire architecture.
[12:42] This one is very important because
[12:44] if you follow this video till the end,
[12:46] you can able to do the complete setup as your own.
[12:47] I'll tell you every single feature how you can customize, how you
[12:49] can do the setup and how you can run in your system.
[12:50] So, the very first folder you will find
[12:52] is the action in which you will find the common action we are providing to the
[12:54] doctor, to the clinic management to perform action and control their
[12:57] patient.
[12:58] So, we have the appointment section, we have the clinic, we have the
[13:00] patient, we have the service and we have
[13:02] the settings where you can set up the
[13:04] clinic, the services which you want to
[13:06] provide.
[13:09] So, don't you make any changes.
[13:10] Every single thing is dynamic.
[13:11] Every
[13:13] Every single thing is dynamic.
[13:13] Every single thing is dynamic.
[13:15] Just keep it as single thing is dynamic.
[13:15] Just keep it as it is.
[13:17] So, that's what you will have in it is.
[13:17] So, that's what you will have in the action.
[13:18] Close this one, come back to the app in
[13:20] which you will find the entire pages,
[13:22] entire back end, front end, that's all
[13:24] you will find.
[13:24] So, the very first one we
[13:26] have is the app in which you will find
[13:28] this app in which you will find all the
[13:30] pages we have in our application.
[13:30] We have the AI settings, we have the
[13:32] appointment page, we have the billing
[13:35] page, we have the
[13:37] appointment page, we have the billing page, we have the
[13:38] page, we have the calendar page, we have the dashboard
[13:40] page, we have the patient page and we
[13:43] have the profile page where you can see
[13:45] all the details which you have provided
[13:47] and we have the services, we have the
[13:49] settings.
[13:49] That's all you will find.
[13:51] And this is the main page going to handle
[13:53] all the pages inside the and we have the
[13:55] layout, the main structure of our entire
[13:57] application.
[13:57] So, just keep it as it is.
[13:59] You can see I'm getting this red warning
[14:01] because I have a different configuration
[14:02] in my video.
[14:02] So, it's not an error.
[14:05] Close this one.
[14:05] Close this one.
[14:07] That's all you will find, all the pages you
[14:08] will find in this [clears throat] pages.
[14:10] So, if you want to do any editing in the
[14:12] appointment, you can click here and the
[14:14] Appointment, you can click here and the rest of the thing you can keep it as it is.
[14:18] The only thing you can change is the white text.
[14:20] So, right now we don't have any white text right up here.
[14:22] So, just keep it as it is.
[14:24] You can only change these portion, this white text.
[14:26] But the rest of the thing is 100% dynamic based on your account, based on your services which you are providing.
[14:31] So, let's close this one.
[14:33] That's what we have in the app.
[14:35] This is the layout we have seen.
[14:38] Close this one.
[14:39] Close this one. Come back to the authentication.
[14:40] So, we are providing login.
[14:43] So, this is the login page we have for the user those who have already account, they can simply log in and we have the sign up which they can use to sign up and create their clinic.
[14:51] And we have the live layout for the sign up and login condition page.
[14:53] Close this one.
[14:56] Close this one. Come back to the API and there we are making all the call to our back end for storing the data.
[14:59] So, if you come back to the appointment, there you will find all the details about the appointment back end because our AI going to communicate and book the appointment or we can also schedule it.
[15:07] So, it can also book an appointment and allow the website integration.
[15:14] So, that's what you will find.
[15:14] Close this
[15:15] That's what you will find.
[15:15] Close this one.
[15:15] Close this one.
[15:17] Come back to the one.
[15:17] Close this one.
[15:17] Come back to the auth and this is the router we have for auth and this is the router we have for authentication.
[15:20] Keep it as it is.
[15:20] We have the widget.
[15:23] So, this is the chat model we are providing to our users so they can simply take this code and simply add in your website and they will have this model live where the user can chat and book the appointment and you will have in your dashboard where from where you can manage all of that.
[15:35] So, don't touch anything.
[15:35] Just keep it as it is.
[15:36] Click on this onboarding.
[15:38] In this you will find that this is the onboarding page where user will provide all the details.
[15:42] You can see this is the predefined time zone we are providing, but if you want to build for your country, you can define the region, you can define the benefits you want to provide.
[15:51] These texts you can edit.
[15:53] Close this one.
[15:53] Close this one.
[15:56] Come back here and here you can able to control the price.
[15:58] So, this is the details the plan I'm deriving, but you can add your own plan based on your country, based on the service and based on the money you want to charge.
[16:05] So, there you will find all the plan and it's going to simply render it here.
[16:09] Close this one.
[16:09] Close this one.
[16:11] Come back to the widget and we have the layout.
[16:13] So, what will happen when the
[16:17] Layout. So, what will happen when the user will try to preview the widgets?
[16:20] For example, I have created a clinic and I want to preview that.
[16:23] So, this is what we going to provide to the admin, means the doctors so they can simply preview and test the services they have added.
[16:31] So, this is what we have in the widget.
[16:32] Come back here in the global CSS.
[16:34] This one is dynamic.
[16:34] You can also control the entire color and the branding from here.
[16:38] But as of now, I'll tell you first test every single thing.
[16:39] After that do all the experiment and modification.
[16:43] Come back to the layout.
[16:45] This is the global layout we have for the pages.
[16:46] Keep it as it is.
[16:46] You will find the title and the description and the keyword we have provided.
[16:50] This one is metadata for our SEO optimization.
[16:53] If you come back to the pages, there you will find that this is the main page we have,
[16:57] the home page.
[16:59] There we have added all the details.
[17:01] So, if you want to do any editing,
[17:03] you can come back here and you can simply provide the details like sign up free tier and you will find this other details, the white text.
[17:10] Here we have the description so you can simply provide your description based on the service you want to provide.
[17:15] And you will find that here we have taken an error where we are providing what are
[17:18] error where we are providing what are the feature user will get.
[17:19] So, you can the feature user will get.
[17:20] So, you can also have a control and you can add your own text.
[17:22] So, just keep it as it is. Don't make any changes.
[17:24] Every single thing is dynamic.
[17:25] So, all the data we have added, that's what we have to provide in the industry.
[17:27] So, let's close this one.
[17:28] And that's what you will have inside this app in the component.
[17:32] You will find that we have multiple component.
[17:33] We call this appointment.
[17:35] So, this is the appointment component which going to open and user will book.
[17:37] If you come back to the dashboard, this is the dashboard card components.
[17:40] If you come back to the layout, we have the page header, sidebar and top bar.
[17:43] So, you don't need to make any changes.
[17:46] These are the dynamic one.
[17:47] Close this one.
[17:49] Close this one. Close this one. Close this one.
[17:51] Close this one. Close this one. Close this one and we got this uh a layouts and we have this one, the UI component.
[17:53] So, these are the regular component we have for avatar, badges, button, card, dialogues, drop down, input, label, progress bar, select, separator, skeleton, switch, tab, text area and tooltip.
[17:55] Keep it as it is.
[17:57] This is the general component we have which we are using as a reusable model.
[18:00] So, let's close this one. Close this one.
[18:19] Let's close this one.
[18:19] Close this one.
[18:19] Come back to the widget and here we have the chat widget which exactly going to open and we can test and talk.
[18:25] So, this is what we have.
[18:25] Let's close this one.
[18:27] Close this one.
[18:27] Close this one.
[18:28] Come back to the provider and there you will find all the details which we have, which we going to connect and we going to simply provide the user to features so they can able to ask the question and communicate with them.
[18:35] So, that's what the provider we have.
[18:38] Keep it as it is.
[18:38] Don't make any changes.
[18:40] Every single thing is dynamic.
[18:42] So, let's close this one and that's what we have inside the component.
[18:43] I'll close this one.
[18:45] Come back to the hook and there you will find we have some important hook.
[18:48] This one is for appointment because that's the main purpose for this particular SaaS where we allow user to book an appointment on the preview model on the users' websites where they going to simply embed the chat model.
[19:00] We have the use clinic for managing all the data.
[19:02] That's all you will have.
[19:04] Let's close this one.
[19:06] Close this one.
[19:06] Close this one.
[19:08] Come back to the library in which you will find that we have multiple library.
[19:09] So, if you come back to the AI, we are using the brain for Cloud AI which going to simply book the appointment when we'll start chatting and it's going to do all the stuffs
[19:19] and it's going to do all the stuffs which you have seen in the demo.
[19:20] which you have seen in the demo.
[19:22] So, just keep it as as it is.
[19:24] Every single thing looking absolutely fine in the Cloud.
[19:25] If you come back to our Superbase, we are using that as a back end data storage where we going to keep all the data, all the booking, all the user.
[19:30] That's all we have.
[19:32] So, we have the client, we have the middleware, we have the server, we have the type clinic.
[19:36] Keep it as it is.
[19:38] Don't touch it.
[19:40] This one is the back end part.
[19:42] Close this one.
[19:43] Close this one.
[19:44] Come back to the our notifications.
[19:46] So, this is the notification component.
[19:47] So, whenever the appointment will book, we going to display different notification that the transaction is completed or the data is updated.
[19:51] So, this is the template we have designed.
[19:53] If you know, you can simply design that based on your but this is the general configuration I'm following which is has a modern look.
[19:58] So first test as it is.
[20:00] If you come back to the slot, this is what we have.
[20:02] If you come back to the utils in which we are keeping some regular function like displaying the time, displaying the address in a format, let's converting the data into a proper string or number format so we can pass into our database.
[20:14] We are doing the validation.
[20:15] So this is what we have for validation because I don't want to keep any data as it is.
[20:19] We have to focus on the security in
[20:20] have to focus on the security in multi-level in the front end. So I can
[20:22] multi-level in the front end. So I can simply verify the data there is no
[20:24] simply verify the data there is no malicious code in the data which we
[20:27] malicious code in the data which we don't want to inject in our database. So
[20:28] don't want to inject in our database. So this is what we have in the validation.
[20:30] this is what we have in the validation. Let's close this one. Now we have this
[20:32] Let's close this one. Now we have this particular script. If you really want to
[20:34] particular script. If you really want to test and create a demo account, this is
[20:36] test and create a demo account, this is what I have given but don't run this.
[20:38] what I have given but don't run this. This is just for testing purpose. You
[20:39] This is just for testing purpose. You can test that one.
[20:42] can test that one. Let's close this one. Close this one.
[20:44] Let's close this one. Close this one. Come to the type. So we have two
[20:45] Come to the type. So we have two different types. If you come back to the
[20:47] different types. If you come back to the index, this is the general model we are
[20:48] index, this is the general model we are following and it's a standard type
[20:51] following and it's a standard type script format which allow us to define
[20:53] script format which allow us to define our types that what type of data you
[20:55] our types that what type of data you want to stake into our database. If you
[20:56] want to stake into our database. If you come back to the super base, this is the
[20:58] come back to the super base, this is the structure we are following. Don't need
[20:59] structure we are following. Don't need to make any changes. This is the data
[21:01] to make any changes. This is the data for updating, insert and all the models
[21:03] for updating, insert and all the models we have because these action we going to
[21:05] we have because these action we going to perform when we will update any data,
[21:06] perform when we will update any data, when we going to delete any data, when
[21:07] when we going to delete any data, when we perform the confirmation chat model,
[21:10] we perform the confirmation chat model, that's all we have.
[21:11] that's all we have. Close this one. Close this one. The only
[21:13] Close this one. Close this one. The only thing you have to do is to provide your
[21:15] thing you have to do is to provide your environment variable. This is the only
[21:16] environment variable. This is the only thing you have to do. So you have to get
[21:18] thing you have to do. So you have to get your back end URL. You have to get your
[21:20] your back end URL. You have to get your public key and your service role.
[21:23] public key and your service role. And you have to get your entropy API key
[21:25] And you have to get your entropy API key which going to simply run the agent and
[21:28] which going to simply run the agent and book the appointment for us. This is the
[21:31] book the appointment for us. This is the endpoint where our application going to
[21:32] endpoint where our application going to be start because we going to test
[21:33] be start because we going to test locally.
[21:35] locally. And here you have to use the recent API
[21:38] And here you have to use the recent API key because we going to test our email
[21:41] key because we going to test our email sending. So once the user will book an
[21:42] sending. So once the user will book an appointment, we have to send the email
[21:44] appointment, we have to send the email to the doctor as well as the patient.
[21:47] to the doctor as well as the patient. And here I'm using this particular
[21:48] And here I'm using this particular service provider recent. So it's good
[21:51] service provider recent. So it's good for us to do the testing in the free but
[21:53] for us to do the testing in the free but you can also add your own custom domain.
[21:55] you can also add your own custom domain. And here you have to provide the email
[21:56] And here you have to provide the email account which you want to use for
[21:57] account which you want to use for testing. So that's what we going to get
[22:00] testing. So that's what we going to get it. And here we have some network
[22:01] it. And here we have some network configuration because we are also
[22:03] configuration because we are also selling subscription. So user can pay in
[22:06] selling subscription. So user can pay in crypto and that's the payment option I
[22:08] crypto and that's the payment option I have added but this can be extended to
[22:11] have added but this can be extended to stripe, PayPal. You can easily able to
[22:12] stripe, PayPal. You can easily able to integrate with that. So that's what we
[22:14] integrate with that. So that's what we have. I'm targeting polygon and that's
[22:16] have. I'm targeting polygon and that's what I have done. And here you will find
[22:18] what I have done. And here you will find the charges which I'm providing. So the
[22:19] the charges which I'm providing. So the starter file price is this much, the
[22:21] starter file price is this much, the professional price is this and the
[22:22] professional price is this and the enterprise price is this.
[22:24] enterprise price is this. So this is what exactly you have to
[22:26] So this is what exactly you have to provide and the rest of the thing would
[22:27] provide and the rest of the thing would work absolutely fine. So let's close
[22:29] work absolutely fine. So let's close this one. On and we going to get this
[22:31] this one. On and we going to get this together. Just wait. Don't don't panic.
[22:33] together. Just wait. Don't don't panic. We going to get it together. Now if you
[22:34] We going to get it together. Now if you come back to the readme file,
[22:36] come back to the readme file, sorry, get ignored. This is what we
[22:37] sorry, get ignored. This is what we have. Keep it as it is. Don't need to
[22:39] have. Keep it as it is. Don't need to make any changes because these are a
[22:40] make any changes because these are a couple of files which I don't want to
[22:41] couple of files which I don't want to push to my GitHub.
[22:43] push to my GitHub. Now come back to the middleware. So this
[22:45] Now come back to the middleware. So this is a standard middleware we have to
[22:46] is a standard middleware we have to handle the backend models. That's all we
[22:48] handle the backend models. That's all we have. Just keep it as it is. We have
[22:50] have. Just keep it as it is. We have this next dev's next js configuration.
[22:52] this next dev's next js configuration. So we going to interact with the images,
[22:54] So we going to interact with the images, all the protocol we have defined that
[22:56] all the protocol we have defined that this is going to be the host for our
[22:58] this is going to be the host for our backend database. So we have to define
[22:59] backend database. So we have to define that one for the images. Let's close
[23:01] that one for the images. Let's close this one. Come back to the packages. And
[23:03] this one. Come back to the packages. And finally and this one is the best thing.
[23:05] finally and this one is the best thing. So no matter when you are watching this
[23:06] So no matter when you are watching this particular project after 5 years, 10
[23:08] particular project after 5 years, 10 years, we are focusing on stability
[23:10] years, we are focusing on stability and security. We are using the custom
[23:12] and security. We are using the custom model based on the feature we are
[23:14] model based on the feature we are providing. So it will work absolutely
[23:16] providing. So it will work absolutely fine and it is 100% secure because we
[23:18] fine and it is 100% secure because we are using the most stable version.
[23:21] are using the most stable version. So that's what we have. Just keep it as
[23:22] So that's what we have. Just keep it as it is. Don't need to make any changes.
[23:23] it is. Don't need to make any changes. Just follow this video till then, you
[23:24] Just follow this video till then, you will understand every single thing.
[23:26] will understand every single thing. Let's close this one. Come back to the
[23:29] Let's close this one. Come back to the post CSS. This is Elvis CSS
[23:30] post CSS. This is Elvis CSS configuration we have. Keep it as it is.
[23:31] configuration we have. Keep it as it is. Don't need to make any changes. Close
[23:32] Don't need to make any changes. Close this one and come back to the readme
[23:34] this one and come back to the readme file. And there you will find that I
[23:35] file. And there you will find that I have given all the details about this
[23:37] have given all the details about this particular project, some important links
[23:39] particular project, some important links which you can have a look that what is
[23:41] which you can have a look that what is the how to get a VS code and what are
[23:43] the how to get a VS code and what are the node version you can have in your
[23:45] the node version you can have in your system to run the project. So minimum is
[23:47] system to run the project. So minimum is 20 you should have because that's the
[23:49] 20 you should have because that's the well audited and well sustainable and
[23:52] well audited and well sustainable and secure model we have in the node package
[23:54] secure model we have in the node package manager. You can also go with the latest
[23:56] manager. You can also go with the latest one which I will show you. I'll show you
[23:57] one which I will show you. I'll show you my and here we have some important links
[23:59] my and here we have some important links which you can check. You can also check
[24:00] which you can check. You can also check this particular project if you really
[24:01] this particular project if you really want to launch your own crypto token
[24:04] want to launch your own crypto token where you want to sell and raise capital
[24:06] where you want to sell and raise capital for your project. So make sure to go
[24:07] for your project. So make sure to go through this. If you come back to the
[24:08] through this. If you come back to the tailwind CSS, this is the entire code we
[24:11] tailwind CSS, this is the entire code we have added for the tailwind
[24:12] have added for the tailwind configuration key frame. So that's what
[24:14] configuration key frame. So that's what we have. Just keep it as it is. If
[24:16] we have. Just keep it as it is. If you're absolute beginner with the
[24:17] you're absolute beginner with the styling, just keep it as it is. Just
[24:18] styling, just keep it as it is. Just focus on the feature and later you can
[24:20] focus on the feature and later you can able to customize based on your
[24:22] able to customize based on your requirement. Now if you come back to the
[24:23] requirement. Now if you come back to the TS configuration, so this is the general
[24:25] TS configuration, so this is the general configuration I have. I have done it for
[24:27] configuration I have. I have done it for global scope so it will work in all the
[24:28] global scope so it will work in all the application but if you want to go with
[24:30] application but if you want to go with the specific modification, you can do
[24:31] the specific modification, you can do that.
[24:32] that. What the first thing you have to do is
[24:34] What the first thing you have to do is to get your environment variable. These
[24:36] to get your environment variable. These are the environment variables you have
[24:38] are the environment variables you have to get first.
[24:40] to get first. Got it? So let's try to get that. So
[24:42] Got it? So let's try to get that. So first we going to get our super base
[24:44] first we going to get our super base environment variable. So simply copy
[24:45] environment variable. So simply copy that one and open up your browser. Open
[24:47] that one and open up your browser. Open up your browser. Give the super base and
[24:49] up your browser. Give the super base and click on the very first link.
[24:51] click on the very first link. And you will find that this one is a
[24:52] And you will find that this one is a really powerful platform which allow you
[24:54] really powerful platform which allow you to build your application and connect
[24:56] to build your application and connect with your application very fast and it's
[24:58] with your application very fast and it's really scalable. So you can read about
[25:00] really scalable. So you can read about it the structure they are following. But
[25:02] it the structure they are following. But I'll show you how you can do the setup
[25:03] I'll show you how you can do the setup very quickly. So make sure to create
[25:05] very quickly. So make sure to create your account and log in to your
[25:06] your account and log in to your dashboard. So I already have my account
[25:08] dashboard. So I already have my account so I will simply log in and click on
[25:09] so I will simply log in and click on this dashboard. And once I will log in,
[25:11] this dashboard. And once I will log in, I will come back to my project setup. So
[25:14] I will come back to my project setup. So when you will create account for the
[25:15] when you will create account for the very first time, it will take you to it
[25:16] very first time, it will take you to it will tell you to create your
[25:17] will tell you to create your organization first. So this is
[25:19] organization first. So this is organization which I have created but
[25:21] organization which I have created but you can create more organization if you
[25:22] you can create more organization if you want. But I don't want to create more
[25:24] want. But I don't want to create more organization so I'll simply click on
[25:26] organization so I'll simply click on this back. And this is the one project
[25:28] this back. And this is the one project of which I have. I'll simply click on
[25:29] of which I have. I'll simply click on this. And first thing I'm going to do is
[25:30] this. And first thing I'm going to do is I'm going to simply delete this one
[25:32] I'm going to simply delete this one because I want to show you from scratch.
[25:34] because I want to show you from scratch. So click on this delete. And first I
[25:36] So click on this delete. And first I have to copy this name, this doctor AI
[25:38] have to copy this name, this doctor AI and that's what I have to paste. And
[25:40] and that's what I have to paste. And click on this understood. And now I have
[25:42] click on this understood. And now I have this empty repository. In your case, you
[25:44] this empty repository. In your case, you will have the same thing. So now I have
[25:46] will have the same thing. So now I have to create the project so I'll simply
[25:47] to create the project so I'll simply click on this new project. And here you
[25:50] click on this new project. And here you have to provide all the details. So
[25:51] have to provide all the details. So first you have to decide the name of the
[25:52] first you have to decide the name of the project which you want to give. So I'm
[25:54] project which you want to give. So I'm building for doctors so I'll simply
[25:56] building for doctors so I'll simply call, let's say, AI. That's what I will
[25:59] call, let's say, AI. That's what I will call. Let's me give the password. So
[26:00] call. Let's me give the password. So make sure to give a strong password.
[26:04] I have the strong password and I'm going
[26:06] I have the strong password and I'm going to select the region is specific Asia.
[26:08] to select the region is specific Asia. So whatever it's recommending you, make
[26:09] So whatever it's recommending you, make sure to select that. Now make sure to
[26:11] sure to select that. Now make sure to activate this because we need the API
[26:12] activate this because we need the API extension which we can use to connect
[26:15] extension which we can use to connect and make a
[26:16] and make a uh connection and perform all the
[26:18] uh connection and perform all the transaction.
[26:19] transaction. Transaction in the sense storage of the
[26:21] Transaction in the sense storage of the data. Now click on this create new
[26:23] data. Now click on this create new project and it's going to create a brand
[26:25] project and it's going to create a brand new project for you. So just wait. It
[26:27] new project for you. So just wait. It might take two to three seconds and you
[26:29] might take two to three seconds and you will find the database is created. If
[26:31] will find the database is created. If you click on this, you will find that
[26:32] you click on this, you will find that every single thing is healthy. Perfect.
[26:34] every single thing is healthy. Perfect. Now you can click here. You have to
[26:36] Now you can click here. You have to click on this. This is the unique string
[26:39] click on this. This is the unique string URL for your backend database. That's
[26:41] URL for your backend database. That's what I will copy. And that's the first
[26:42] what I will copy. And that's the first thing you have to get. Simply paste
[26:44] thing you have to get. Simply paste here.
[26:45] here. We got it. Now we have to get these two
[26:46] We got it. Now we have to get these two key. So to get these two key, we have to
[26:48] key. So to get these two key, we have to come back here in the project and go
[26:50] come back here in the project and go back to the API keys and you have to go
[26:53] back to the API keys and you have to go back to the legacy. Click on that and
[26:55] back to the legacy. Click on that and here you will find your public key and
[26:58] here you will find your public key and service role. So this is what I need.
[26:59] service role. So this is what I need. Simply copy that one. And that's what we
[27:01] Simply copy that one. And that's what we have to provide right here in the
[27:05] have to provide right here in the email. It's a public key.
[27:07] email. It's a public key. This is the fancy name they have given
[27:08] This is the fancy name they have given and we have the service role.
[27:11] and we have the service role. Let's copy that one.
[27:13] Let's copy that one. That's where we can come and we can
[27:14] That's where we can come and we can simply provide our service role. So we
[27:17] simply provide our service role. So we got this super base credential. Perfect.
[27:20] got this super base credential. Perfect. Now we have to activate our database
[27:22] Now we have to activate our database because we already have this
[27:24] because we already have this schema model. So we going to simply take
[27:25] schema model. So we going to simply take this one. Make sure
[27:27] this one. Make sure the way to initialize is very important.
[27:29] the way to initialize is very important. So first you have to initialize the
[27:31] So first you have to initialize the schema model. So simply copy this entire
[27:33] schema model. So simply copy this entire piece of code.
[27:34] piece of code. Now come back to here, SQL editor. You
[27:37] Now come back to here, SQL editor. You can migrate it from the code base but I
[27:39] can migrate it from the code base but I just want to keep it simple. So no
[27:41] just want to keep it simple. So no matter when you are developing or how
[27:43] matter when you are developing or how much understanding you have about this
[27:44] much understanding you have about this backend, you can do that very easily. So
[27:46] backend, you can do that very easily. So let's click on this and paste your code
[27:48] let's click on this and paste your code whatever you have copied.
[27:50] whatever you have copied. And click on this run.
[27:51] And click on this run. Click on this run
[27:53] Click on this run RS and you will find it's going to
[27:54] RS and you will find it's going to return success.
[27:57] return success. It's added successfully. That's the
[27:58] It's added successfully. That's the first thing. Now the second thing we
[27:59] first thing. Now the second thing we have to do is to run this one, RS policy
[28:02] have to do is to run this one, RS policy because we going to allow the
[28:04] because we going to allow the other users to upload and create an
[28:06] other users to upload and create an account.
[28:07] account. You can restrict to the admin but I want
[28:09] You can restrict to the admin but I want to allow others as well to perform
[28:12] to allow others as well to perform the action. So let's copy that one and
[28:14] the action. So let's copy that one and that's what we have to provide. So first
[28:15] that's what we have to provide. So first you have to simply select and remove and
[28:17] you have to simply select and remove and paste this one.
[28:18] paste this one. This is the second email model we have.
[28:20] This is the second email model we have. Let's click on this run.
[28:22] Let's click on this run. And you will find it's going to return
[28:24] And you will find it's going to return success. So this one is also looking
[28:25] success. So this one is also looking good. We have no issue. Now come back
[28:27] good. We have no issue. Now come back here and let's do the second thing, the
[28:28] here and let's do the second thing, the third thing. We have to activate the
[28:30] third thing. We have to activate the function. So let's copy that one.
[28:32] function. So let's copy that one. Paste. And that's what we have to apply
[28:35] Paste. And that's what we have to apply here. Simply copy, paste and click on
[28:37] here. Simply copy, paste and click on this run.
[28:42] Every single thing is set. If you come
[28:44] Every single thing is set. If you come back to the table, there you will find
[28:45] back to the table, there you will find all the details about the data structure
[28:48] all the details about the data structure we have defined. That's all you will
[28:50] we have defined. That's all you will find.
[28:51] find. For patient service, that's all is
[28:53] For patient service, that's all is there.
[28:54] there. All is there. Right now we don't have
[28:55] All is there. Right now we don't have any data because it's a brand new
[28:57] any data because it's a brand new account. If you come back here, go back
[28:58] account. If you come back here, go back to authentication, you will find it's
[29:00] to authentication, you will find it's already there. And you will have the
[29:02] already there. And you will have the sign up provider. You can see they have
[29:04] sign up provider. You can see they have added that one. If you come back here,
[29:05] added that one. If you come back here, that's all you will find. URL
[29:07] that's all you will find. URL configuration, that's all you will find.
[29:08] configuration, that's all you will find. If you come back to the policies, this
[29:10] If you come back to the policies, this is what you will have. This is the
[29:11] is what you will have. This is the policy we have in defined. Looks
[29:13] policy we have in defined. Looks perfect. If you come back here, you can
[29:15] perfect. If you come back here, you can see the storage we are not using. We
[29:17] see the storage we are not using. We come back to the database and you will
[29:18] come back to the database and you will find the entire schema model we have
[29:21] find the entire schema model we have for our database.
[29:23] for our database. You can see this is what we have added
[29:24] You can see this is what we have added as a function. So let me check. This is
[29:26] as a function. So let me check. This is the function we have which allow us to
[29:28] the function we have which allow us to interact and perform all trade. So our
[29:31] interact and perform all trade. So our backend database is set up. The database
[29:33] backend database is set up. The database is absolutely looking fine and it's
[29:35] is absolutely looking fine and it's connected with our application. Now
[29:37] connected with our application. Now let's close this one and close this one.
[29:39] let's close this one and close this one. Now we have to get our entropy key.
[29:42] Now we have to get our entropy key. So before we get this one, let's try to
[29:44] So before we get this one, let's try to get other this one. So this is fine. You
[29:46] get other this one. So this is fine. You can decide that much money you want to
[29:47] can decide that much money you want to charge for the packages. I'll just go
[29:50] charge for the packages. I'll just go with this one and I'm going to do all
[29:52] with this one and I'm going to do all the testing on the polygon.
[29:54] the testing on the polygon. That is fine. This is the USDC. That's
[29:56] That is fine. This is the USDC. That's the token I'm taking as a payment. And
[29:58] the token I'm taking as a payment. And here you have to provide your wallet
[29:59] here you have to provide your wallet address which you wallet wallet address
[30:02] address which you wallet wallet address where you want to receive the payment.
[30:03] where you want to receive the payment. So, what I will do I'll simply come back
[30:04] So, what I will do I'll simply come back here and let's come back here. Let's
[30:07] here and let's come back here. Let's click on this and I have to get my
[30:09] click on this and I have to get my wallet address.
[30:13] Click on this.
[30:15] Click on this. I'm into my account. Now, I'll simply
[30:18] I'm into my account. Now, I'll simply let's
[30:19] let's change my
[30:20] change my This is my blockchain.
[30:22] This is my blockchain. I hope you have watched the tutorial.
[30:24] I hope you have watched the tutorial. I'll click on the very first one.
[30:26] I'll click on the very first one. And if I see I have enough fund. So,
[30:29] And if I see I have enough fund. So, this is my own blockchain which I'm
[30:30] this is my own blockchain which I'm running. If you haven't watched you can
[30:32] running. If you haven't watched you can simply check the project. So, this is
[30:35] simply check the project. So, this is the one. That's how you can launch your
[30:36] the one. That's how you can launch your own blockchain and you will be able to
[30:37] own blockchain and you will be able to perform all the transactions. So, it's
[30:38] perform all the transactions. So, it's Ethereum globe. So, I'll simply come
[30:40] Ethereum globe. So, I'll simply come back here
[30:41] back here and copy this one. Once I get my address
[30:43] and copy this one. Once I get my address I can come back here and that's what I
[30:45] I can come back here and that's what I can
[30:46] can Perfect. Now, here we have to get two
[30:49] Perfect. Now, here we have to get two things. We have to get our API key and
[30:51] things. We have to get our API key and we have to get our email ID which we
[30:53] we have to get our email ID which we going to use for sending the email. So,
[30:54] going to use for sending the email. So, let's get this one first. So, we have to
[30:56] let's get this one first. So, we have to come back to the recent. Simply copy
[30:58] come back to the recent. Simply copy this name
[30:59] this name and come back here, open a new tab,
[31:01] and come back here, open a new tab, paste here and click on this recent. You
[31:04] paste here and click on this recent. You will find this one. Recent email for
[31:06] will find this one. Recent email for developers.
[31:07] developers. But you can also use your own. You will
[31:09] But you can also use your own. You will see all the emails which I have
[31:10] see all the emails which I have delivered, received. That's all is
[31:11] delivered, received. That's all is looking fine. Now, if you come back
[31:14] looking fine. Now, if you come back here, go back to the API key. This is
[31:16] here, go back to the API key. This is how you can get. You can create your own
[31:17] how you can get. You can create your own API key or you can get a new API key.
[31:19] API key or you can get a new API key. So, what I will do I'll simply come back
[31:21] So, what I will do I'll simply come back here. Let's create a new API key. I'll
[31:23] here. Let's create a new API key. I'll say
[31:25] say doctor AI. You can call whatever you
[31:27] doctor AI. You can call whatever you want. I want to have the full access.
[31:29] want. I want to have the full access. And as of now, I don't configure my
[31:31] And as of now, I don't configure my domain. Just keep it as it is. Click on
[31:32] domain. Just keep it as it is. Click on this add.
[31:34] this add. And it's going to give you the key. So,
[31:35] And it's going to give you the key. So, this is the key you have got. I'm
[31:37] this is the key you have got. I'm showing you this because I'm going to
[31:38] showing you this because I'm going to delete this one. So, I copy my key and
[31:41] delete this one. So, I copy my key and that's what I have to provide here.
[31:43] that's what I have to provide here. I got my key. Now, you have to get your
[31:46] I got my key. Now, you have to get your email ID.
[31:47] email ID. So, here you have to do one thing. The
[31:50] So, here you have to do one thing. The email ID which you will use for creating
[31:52] email ID which you will use for creating this account, the same email ID you have
[31:54] this account, the same email ID you have to use here because this is the same
[31:56] to use here because this is the same email ID we going to use for sending the
[31:57] email ID we going to use for sending the email and testing.
[31:59] email and testing. So, whatever email ID you have used for
[32:01] So, whatever email ID you have used for creating your account in this particular
[32:03] creating your account in this particular project like this particular recent.com,
[32:06] project like this particular recent.com, the same email ID you have to use. So,
[32:07] the same email ID you have to use. So, I'll simply click here and this is the
[32:09] I'll simply click here and this is the email. Let me get my account. Let me
[32:11] email. Let me get my account. Let me come back to the setting and I'll go
[32:13] come back to the setting and I'll go back to my accounts.
[32:15] back to my accounts. So, let's come back here.
[32:17] So, let's come back here. Email. So, this is the email I have used
[32:19] Email. So, this is the email I have used for
[32:22] for This is the email I have used for
[32:23] This is the email I have used for creating account in this platform and
[32:25] creating account in this platform and that's what I'm using. So, I'll simply
[32:26] that's what I'm using. So, I'll simply come back here
[32:27] come back here and this is my test email.
[32:30] and this is my test email. So, I got my recent API key. So far I
[32:33] So, I got my recent API key. So far I got all the credentials. Now, the only
[32:34] got all the credentials. Now, the only thing is left is entropy API key.
[32:38] thing is left is entropy API key. So, simply copy that one. Type entropy
[32:41] So, simply copy that one. Type entropy cloud API key. I got it. Now, you can
[32:44] cloud API key. I got it. Now, you can click on this
[32:47] and you will come back to the platform
[32:48] and you will come back to the platform from where you can able to create your
[32:51] from where you can able to create your API key. So, you can see I'm in my
[32:52] API key. So, you can see I'm in my dashboard. So, you will find that here
[32:54] dashboard. So, you will find that here you will find all the details and I
[32:55] you will find all the details and I already have all the details. So, to
[32:57] already have all the details. So, to create a new API key you can click on
[32:59] create a new API key you can click on this get API key and you will see that I
[33:01] this get API key and you will see that I have already created this API key. So,
[33:03] have already created this API key. So, what I will do I'll simply click on this
[33:04] what I will do I'll simply click on this delete
[33:06] delete and click on this delete
[33:08] and click on this delete because in the last tutorial many of you
[33:10] because in the last tutorial many of you have seen this key. So, I have to
[33:11] have seen this key. So, I have to delete. Let's create another one and
[33:13] delete. Let's create another one and I'll simply call this
[33:16] I'll simply call this doctor
[33:17] doctor AI and click on this add. And it's going
[33:20] AI and click on this add. And it's going to create me an API key. I'm showing you
[33:21] to create me an API key. I'm showing you this because after this tutorial I'm
[33:22] this because after this tutorial I'm going to delete this one. So, I'll
[33:23] going to delete this one. So, I'll simply copy that one
[33:25] simply copy that one and that's what I will going to provide
[33:27] and that's what I will going to provide here. Got it? So, I got my key.
[33:30] here. Got it? So, I got my key. I got all of this details. Perfect. So,
[33:33] I got all of this details. Perfect. So, all the environment variables I have now
[33:35] all the environment variables I have now I'm ready to test my application. So,
[33:37] I'm ready to test my application. So, let's close this one. Make sure to save
[33:39] let's close this one. Make sure to save it all and close this one. Now, you have
[33:41] it all and close this one. Now, you have to open up your terminal
[33:43] to open up your terminal and you can see that I'm in the main
[33:44] and you can see that I'm in the main directory in this directory.
[33:47] directory in this directory. So, first thing I have to do is to do
[33:48] So, first thing I have to do is to do the installation of these packages. So,
[33:51] the installation of these packages. So, simply type
[33:52] simply type NPM
[33:53] NPM I. Before I do the installation let me
[33:55] I. Before I do the installation let me show you the node version. So, if I show
[33:57] show you the node version. So, if I show you my node version I have this one
[33:59] you my node version I have this one which is a very much stable and it will
[34:00] which is a very much stable and it will work absolutely fine with all the
[34:01] work absolutely fine with all the packages.
[34:03] packages. So, this one is the most stable version
[34:05] So, this one is the most stable version and right now is well audited. So, it's
[34:07] and right now is well audited. So, it's 100% secure. If I show you my NPM
[34:09] 100% secure. If I show you my NPM version, this is the one I'm using. So,
[34:11] version, this is the one I'm using. So, every single thing is well stable and
[34:12] every single thing is well stable and 100% secure. I'll simply clear up my
[34:14] 100% secure. I'll simply clear up my terminal and now I'm going to do the
[34:15] terminal and now I'm going to do the installation. Simply type NPM I, hit
[34:18] installation. Simply type NPM I, hit enter and it's going to do the
[34:19] enter and it's going to do the installation of the packages. All of
[34:21] installation of the packages. All of these packages which you can see we
[34:23] these packages which you can see we have, that's all is going to do the
[34:25] have, that's all is going to do the installation. So, just wait. Soon the
[34:26] installation. So, just wait. Soon the installation will complete and we are
[34:29] installation will complete and we are ready to launch our project. And finally
[34:32] ready to launch our project. And finally the installation is completed and you
[34:34] the installation is completed and you can see that we are getting couple of
[34:35] can see that we are getting couple of recommendations. Simply ignore that one
[34:37] recommendations. Simply ignore that one because we are focusing on stability and
[34:39] because we are focusing on stability and using the combination of old and new
[34:40] using the combination of old and new packages. Okay? It's not an error. So,
[34:43] packages. Okay? It's not an error. So, all you have to do is to clear up your
[34:44] all you have to do is to clear up your terminal and once you will do the
[34:46] terminal and once you will do the installation you will get this node
[34:47] installation you will get this node module in which you will have the
[34:48] module in which you will have the complete packages which you can check
[34:50] complete packages which you can check one by one what it's there. So, we got
[34:53] one by one what it's there. So, we got all of the packages. Now, what I have to
[34:54] all of the packages. Now, what I have to do is to run this particular command
[34:56] do is to run this particular command dev. This is the command we have to run.
[34:58] dev. This is the command we have to run. Simply type NPM run dev, hit enter and
[35:02] Simply type NPM run dev, hit enter and it will start your application on
[35:04] it will start your application on localhost 3000. So, just wait. You will
[35:06] localhost 3000. So, just wait. You will get the details that your application is
[35:08] get the details that your application is ready. You can see it's very quick and
[35:10] ready. You can see it's very quick and we are using the most stable version.
[35:12] we are using the most stable version. Looks absolutely fine. You can simply
[35:13] Looks absolutely fine. You can simply copy this URL
[35:14] copy this URL and come back to your browser. I'll
[35:16] and come back to your browser. I'll simply close this one
[35:18] simply close this one and I'll simply open a new tab. I'll
[35:20] and I'll simply open a new tab. I'll paste here and hit enter. And you will
[35:22] paste here and hit enter. And you will find that our application is started and
[35:25] find that our application is started and you will find it looks absolutely
[35:27] you will find it looks absolutely beautiful. Let me make on the big
[35:28] beautiful. Let me make on the big screen. So, you can see it looks
[35:30] screen. So, you can see it looks absolutely beautiful. So, we have our
[35:32] absolutely beautiful. So, we have our header.
[35:33] header. We can go back to the different pages.
[35:36] We can go back to the different pages. Looks great. I can come back here, go
[35:38] Looks great. I can come back here, go back to the review. How it's work,
[35:40] back to the review. How it's work, features. That's all is there. Perfect.
[35:42] features. That's all is there. Perfect. Now, the very first thing we have to do
[35:44] Now, the very first thing we have to do is to create your account. So, you can
[35:45] is to create your account. So, you can create that very easily. You can click
[35:47] create that very easily. You can click on this this or this. I'll click on this
[35:50] on this this or this. I'll click on this and it's going to take me to the login
[35:51] and it's going to take me to the login page. Right now, you can see I haven't
[35:53] page. Right now, you can see I haven't created my account. So, I got this login
[35:54] created my account. So, I got this login page. Now, I can simply give my
[35:56] page. Now, I can simply give my credential. If you already have your
[35:57] credential. If you already have your account you can simply click on this and
[35:59] account you can simply click on this and you can login. So, I'll come back here
[36:01] you can login. So, I'll come back here and create my account. So, let's call
[36:02] and create my account. So, let's call this
[36:03] this the blockchain coder and the email ID I
[36:06] the blockchain coder and the email ID I will use this
[36:08] will use this the blockchain coder. If you have any
[36:09] the blockchain coder. If you have any question, any doubt you can shoot an
[36:10] question, any doubt you can shoot an email in this because this is our
[36:12] email in this because this is our official where you will find quick
[36:13] official where you will find quick response. Now, let me give the password.
[36:15] response. Now, let me give the password. I'll say 1 2 3 4 5 6 7 8. I'll give that
[36:19] I'll say 1 2 3 4 5 6 7 8. I'll give that 1 2 3 4 5 6 7 8. I got the password now.
[36:23] 1 2 3 4 5 6 7 8. I got the password now. I'll simply come back here, click on
[36:24] I'll simply come back here, click on this create. And it's going to create me
[36:26] this create. And it's going to create me account. So, it's going to send me a
[36:27] account. So, it's going to send me a link in my email ID so I can verify my
[36:30] link in my email ID so I can verify my link and through that I have to simply
[36:32] link and through that I have to simply create my account. So, here you can see
[36:33] create my account. So, here you can see I got this notification.
[36:36] I got this notification. And I got my email. And you can see that
[36:38] And I got my email. And you can see that I got a email. So, you have to first
[36:40] I got a email. So, you have to first verify your email, click on this and it
[36:42] verify your email, click on this and it will open into a new tab and you will
[36:44] will open into a new tab and you will come back here once again. Now, let me
[36:47] come back here once again. Now, let me close the previous one I have opened and
[36:49] close the previous one I have opened and there I am. Now, I can click on this
[36:51] there I am. Now, I can click on this sign in because I already have my
[36:53] sign in because I already have my account. I'll simply give my
[36:55] account. I'll simply give my the email ID which I have used and 1 2 3
[36:57] the email ID which I have used and 1 2 3 4 5 6 7 8. I got my password. Now, I can
[37:00] 4 5 6 7 8. I got my password. Now, I can click on this sign in
[37:02] click on this sign in and you will find that I'm welcome back
[37:04] and you will find that I'm welcome back and now I have to create my clinic.
[37:07] and now I have to create my clinic. So, it will reload and you will get this
[37:08] So, it will reload and you will get this option to create a clinic. I'll call
[37:10] option to create a clinic. I'll call this the blockchain coder. And this is
[37:12] this the blockchain coder. And this is going to be a unique URL for your
[37:14] going to be a unique URL for your booking.
[37:15] booking. You can select the time zone. I will go
[37:17] You can select the time zone. I will go with this. New York is fine. I'll click
[37:18] with this. New York is fine. I'll click on this launch my clinic.
[37:20] on this launch my clinic. And it's going to perform
[37:22] And it's going to perform the action and going to create my
[37:23] the action and going to create my clinic. You can see my clinic is set up
[37:25] clinic. You can see my clinic is set up and I will come back to my dashboard.
[37:27] and I will come back to my dashboard. You will find the interface right now
[37:29] You will find the interface right now every single thing is empty. We have our
[37:31] every single thing is empty. We have our sidebar. We have different sections like
[37:34] sidebar. We have different sections like dashboard, calendar, appointment which
[37:35] dashboard, calendar, appointment which you have already seen. We have our
[37:36] you have already seen. We have our header. We have a search. If you click
[37:38] header. We have a search. If you click here you can simply log out, go back to
[37:40] here you can simply log out, go back to the different section. You can see all
[37:41] the different section. You can see all the appointments like today's, upcoming
[37:43] the appointments like today's, upcoming patients, cleaning. That's all we have.
[37:46] patients, cleaning. That's all we have. Come back here. That's all we have. If
[37:48] Come back here. That's all we have. If you come back here the appointment right
[37:49] you come back here the appointment right now every single thing is empty. If you
[37:51] now every single thing is empty. If you come back to the patients you can simply
[37:52] come back to the patients you can simply add your patients. I'll click on the add
[37:54] add your patients. I'll click on the add patients and let's call this
[37:57] patients and let's call this doctor
[37:59] doctor and you can simply add that one. Click
[38:01] and you can simply add that one. Click on this add patient and it's going to
[38:02] on this add patient and it's going to make a call and the patient is added.
[38:04] make a call and the patient is added. The patient is added successfully. Now,
[38:06] The patient is added successfully. Now, you can also do a sign out. So, if I
[38:07] you can also do a sign out. So, if I click on the sign out I will come back
[38:09] click on the sign out I will come back here. Now, if I want to login I can
[38:11] here. Now, if I want to login I can simply say the blockchain coder. I can
[38:12] simply say the blockchain coder. I can give my password 1 2 3 4 5 6 7 8. Let's
[38:16] give my password 1 2 3 4 5 6 7 8. Let's click on this and I will come back
[38:17] click on this and I will come back straight away because my
[38:18] straight away because my clinic is already created and I have one
[38:20] clinic is already created and I have one patient which I have added.
[38:22] patient which I have added. If you come back to the AI setup there
[38:23] If you come back to the AI setup there you will find all the details
[38:25] you will find all the details about the branding which you want to
[38:27] about the branding which you want to use. So, you will have this particular
[38:28] use. So, you will have this particular option. You can inject as a iframe or
[38:31] option. You can inject as a iframe or you will have this JavaScript framework.
[38:32] you will have this JavaScript framework. So, whatever website you want to use it
[38:33] So, whatever website you want to use it you can simply copy and paste in your
[38:35] you can simply copy and paste in your script tab and that widget is live. From
[38:37] script tab and that widget is live. From here you can control
[38:39] here you can control the color. So, I'll go with this one.
[38:40] the color. So, I'll go with this one. This looks pretty fine. I can provide
[38:42] This looks pretty fine. I can provide all the details and from here you can
[38:45] all the details and from here you can add couple of questions. So, I have
[38:46] add couple of questions. So, I have given predefined questions. If I click
[38:48] given predefined questions. If I click on this, you can add it. So, the AI can
[38:50] on this, you can add it. So, the AI can be trained and it's going to response
[38:52] be trained and it's going to response based on your question. So, the AI will
[38:54] based on your question. So, the AI will first look into your questions and then
[38:55] first look into your questions and then it's going to respond. So, I can simply
[38:57] it's going to respond. So, I can simply add it one by one.
[38:59] add it one by one. Whatever you want to provide, that's all
[39:01] Whatever you want to provide, that's all you can add it.
[39:03] you can add it. Perfect. You can add it. You can also
[39:04] Perfect. You can add it. You can also add your own one and that's looks great.
[39:08] So, I'll simply remove this one. And
[39:10] So, I'll simply remove this one. And this is the question I have added. Once
[39:11] this is the question I have added. Once you're done with the setup now you can
[39:12] you're done with the setup now you can simply click on this save.
[39:15] simply click on this save. So, this is the AI setup you have done.
[39:16] So, this is the AI setup you have done. Your AI setting is set up.
[39:18] Your AI setting is set up. The widget is also set up. Now, if you
[39:20] The widget is also set up. Now, if you want to check your widget you can check
[39:22] want to check your widget you can check that. You can click on this and you will
[39:24] that. You can click on this and you will find that. This is the widget page we
[39:25] find that. This is the widget page we have. You can simply click on this book
[39:27] have. You can simply click on this book appointment and you going to have it up.
[39:28] appointment and you going to have it up. This one. So, you can book an
[39:30] This one. So, you can book an appointment like you can click on this.
[39:32] appointment like you can click on this. What do you want to do? You can click on
[39:33] What do you want to do? You can click on this general, select the time. So, you
[39:35] this general, select the time. So, you can control the time as well. I can go
[39:37] can control the time as well. I can go with this one and it's going to give you
[39:38] with this one and it's going to give you the timings which is available. So, you
[39:40] the timings which is available. So, you can customize this one. I will go with
[39:42] can customize this one. I will go with this one. And here you can provide the
[39:43] this one. And here you can provide the details. So, I'll say say and you can
[39:45] details. So, I'll say say and you can click on this
[39:47] click on this review booking. You will see the
[39:48] review booking. You will see the details. Click on this confirm booking
[39:51] details. Click on this confirm booking and
[39:52] and it will start.
[39:54] it will start. Just wait and your booking is completed.
[39:56] Just wait and your booking is completed. Your booking is complete. You can click
[39:57] Your booking is complete. You can click on this another and you will have this
[39:58] on this another and you will have this one. You can also chat. You can see you
[40:01] one. You can also chat. You can see you had the noise. I received the email as a
[40:03] had the noise. I received the email as a patient as a doctor.
[40:05] patient as a doctor. If you click on this, you can also tell
[40:06] If you click on this, you can also tell the AI to book an appointment.
[40:09] the AI to book an appointment. Hey I
[40:11] Hey I want to
[40:13] want to check the
[40:16] appointment. And now the AI is going to
[40:19] appointment. And now the AI is going to do all the appointment.
[40:21] do all the appointment. So, just wait. It's going to ask you a
[40:23] So, just wait. It's going to ask you a couple of question and you got this one.
[40:25] couple of question and you got this one. Like book a new appointment, reschedule
[40:27] Like book a new appointment, reschedule and whatever you want to do. I'll say
[40:30] and whatever you want to do. I'll say new
[40:33] appointment.
[40:36] And it's going to give you the list.
[40:38] And it's going to give you the list. So, it's interacting with our data base.
[40:40] So, it's interacting with our data base. So, I'll say I'll go with this general.
[40:44] Paste here and it will also
[40:47] Paste here and it will also look
[40:48] look for the time slot which can pick. So,
[40:50] for the time slot which can pick. So, I'll go with 27.
[40:53] And here it's going to ask you a couple
[40:54] And here it's going to ask you a couple of questions.
[40:57] of questions. So, this data is coming dynamically. So,
[40:58] So, this data is coming dynamically. So, you can control. So, right now it's
[40:59] you can control. So, right now it's giving you all this data. I'll say nine.
[41:04] giving you all this data. I'll say nine. Click on this. So, based on the timing
[41:05] Click on this. So, based on the timing you can select and you can provide it.
[41:09] And here you will find these are the
[41:10] And here you will find these are the details the AI is asking because that's
[41:12] details the AI is asking because that's what it needs. Go on this. Now the AI is
[41:14] what it needs. Go on this. Now the AI is going to take your details and it's
[41:15] going to take your details and it's going to simply book an appointment for
[41:17] going to simply book an appointment for you. So, you will find that here it's
[41:18] you. So, you will find that here it's confirming. Let's confirm. This is all
[41:21] confirming. Let's confirm. This is all the details you can verify and I can say
[41:22] the details you can verify and I can say yes.
[41:23] yes. And you will find that it's booking your
[41:25] And you will find that it's booking your appointment. So, just wait.
[41:28] appointment. So, just wait. So, this is how the appointment will get
[41:30] So, this is how the appointment will get booked. And you will get the
[41:32] booked. And you will get the confirmation. Congratulations, you have
[41:34] confirmation. Congratulations, you have booked your appointment and I have also
[41:35] booked your appointment and I have also received an email.
[41:37] received an email. So, if I come back here, if I show you
[41:39] So, if I come back here, if I show you you can see I got the appointments and
[41:41] you can see I got the appointments and you can simply book it from here as
[41:43] you can simply book it from here as well. So, this is how the widget model
[41:44] well. So, this is how the widget model will work. You can test. You can come
[41:46] will work. You can test. You can come back to the settings. That's all is
[41:47] back to the settings. That's all is fine.
[41:49] fine. You have already seen in demo. From here
[41:50] You have already seen in demo. From here you can control that when you want to go
[41:52] you can control that when you want to go live and you want to off. You can also
[41:55] live and you want to off. You can also book in advance. If you come back to the
[41:56] book in advance. If you come back to the billing, that's all the details you will
[41:58] billing, that's all the details you will find about the subscription, the free
[42:00] find about the subscription, the free tier. If you come back to my profile,
[42:02] tier. If you come back to my profile, that's also looking great.
[42:04] that's also looking great. There you will find all the details
[42:05] There you will find all the details which you have. You can also change the
[42:07] which you have. You can also change the details. Some details you can change,
[42:09] details. Some details you can change, not all of them.
[42:10] not all of them. Come back to the services. You can also
[42:12] Come back to the services. You can also add new services. So, right now we have
[42:13] add new services. So, right now we have this one. You can also add this one
[42:15] this one. You can also add this one and add it up.
[42:17] and add it up. So, I hope you have understood that
[42:18] So, I hope you have understood that thing is happening. If you come back
[42:20] thing is happening. If you come back here, you can click on this month and
[42:21] here, you can click on this month and this which user have booked. This is the
[42:22] this which user have booked. This is the upcoming appointment. You can see the
[42:24] upcoming appointment. You can see the timing when the appointment will happen.
[42:26] timing when the appointment will happen. So, looks good.
[42:28] So, looks good. Looks good. You can click on this and
[42:29] Looks good. You can click on this and you will come back to the appointment
[42:30] you will come back to the appointment details and there you have it.
[42:32] details and there you have it. So, this is how it will work. I hope you
[42:34] So, this is how it will work. I hope you have understood. Now let me show you
[42:35] have understood. Now let me show you that how you can embed into a different
[42:37] that how you can embed into a different website. So, this one is looking fine to
[42:39] website. So, this one is looking fine to me. I'll close this one and I have
[42:41] me. I'll close this one and I have already given you this cardiologist
[42:42] already given you this cardiologist website in which I'm going to do the
[42:44] website in which I'm going to do the embedding.
[42:45] embedding. So, what I can do, I'll simply come back
[42:47] So, what I can do, I'll simply come back here. Let's split your terminal and
[42:49] here. Let's split your terminal and right now you will find that I'm in two
[42:51] right now you will find that I'm in two different directory. So, I'm in the main
[42:53] different directory. So, I'm in the main directory. So, first I have to go inside
[42:55] directory. So, first I have to go inside this cardiologist directory. I'll I
[42:58] this cardiologist directory. I'll I Sorry, sorry.
[42:59] Sorry, sorry. I'll simply click on this. I'll click on
[43:00] I'll simply click on this. I'll click on this rename because I have to copy the
[43:02] this rename because I have to copy the name.
[43:03] name. Now I'll type CD, give the name. Sorry,
[43:06] Now I'll type CD, give the name. Sorry, I'll say CD, give the name, hit enter
[43:08] I'll say CD, give the name, hit enter and you will find that I'm in this
[43:09] and you will find that I'm in this particular directory.
[43:11] particular directory. So, first thing I have to do is to
[43:12] So, first thing I have to do is to install these packages. Again, this is
[43:14] install these packages. Again, this is well stable. So, I'll simply click on
[43:15] well stable. So, I'll simply click on this NPM. I hit enter and it's going to
[43:18] this NPM. I hit enter and it's going to do the installation very quickly. So,
[43:20] do the installation very quickly. So, just wait. Once the installation will
[43:21] just wait. Once the installation will complete, we're going to start embedding
[43:23] complete, we're going to start embedding this one. And the installation is
[43:25] this one. And the installation is completed successfully and here we got
[43:26] completed successfully and here we got it.
[43:27] it. Perfect.
[43:28] Perfect. Simply ignore this one. We are focusing
[43:30] Simply ignore this one. We are focusing on stability. It's not an error.
[43:32] on stability. It's not an error. So, let's clear up our terminal. Once
[43:33] So, let's clear up our terminal. Once you're done with that, now we have to
[43:35] you're done with that, now we have to simply run this command. Simply type NPM
[43:38] simply run this command. Simply type NPM run dev.
[43:40] run dev. You can simply embed this AI chat
[43:42] You can simply embed this AI chat booking appointment to any website. You
[43:45] booking appointment to any website. You already have your website. You can
[43:46] already have your website. You can simply copy this particular widget. If
[43:47] simply copy this particular widget. If you come back here,
[43:49] you come back here, you can simply go back to the AI setup
[43:51] you can simply go back to the AI setup and you can simply copy this widget and
[43:53] and you can simply copy this widget and put in your website.
[43:55] put in your website. It will be a live automatically in this.
[43:57] It will be a live automatically in this. Hit enter
[43:58] Hit enter and you will find that it's started.
[44:00] and you will find that it's started. It's going to be start soon and here you
[44:01] It's going to be start soon and here you will find that this is the doctor
[44:03] will find that this is the doctor website. Right now we don't have it.
[44:06] website. Right now we don't have it. If I want to add that widget, I can do
[44:07] If I want to add that widget, I can do that very easily which going to reflect
[44:09] that very easily which going to reflect here. So, what I will do, I'll simply
[44:10] here. So, what I will do, I'll simply come back here.
[44:11] come back here. Go back to my code. Not code. I'll first
[44:14] Go back to my code. Not code. I'll first come back here. Now I have to simply
[44:15] come back here. Now I have to simply copy. So, this is the recommended one
[44:17] copy. So, this is the recommended one because it's really perfect. I'll simply
[44:19] because it's really perfect. I'll simply copy that one. You can also go with this
[44:21] copy that one. You can also go with this one.
[44:22] one. Both is fine. Depending on your
[44:23] Both is fine. Depending on your application on system, you can go with
[44:25] application on system, you can go with that. But this one is the recommended
[44:27] that. But this one is the recommended one I have. Now I can come back here in
[44:29] one I have. Now I can come back here in the code editor. I'm going to minimize
[44:30] the code editor. I'm going to minimize this one. Now you can come back here in
[44:32] this one. Now you can come back here in the SRC and go back to the app and there
[44:35] the SRC and go back to the app and there you will find that we have this layout.
[44:38] you will find that we have this layout. So, you can put it here.
[44:39] So, you can put it here. You can put it here right below
[44:42] You can put it here right below the footer.
[44:43] the footer. You can simply come back here and put it
[44:44] You can simply come back here and put it here.
[44:46] here. I'll simply remove this one or I can
[44:48] I'll simply remove this one or I can simply comment.
[44:49] simply comment. Got it? Fine. Now come back here in the
[44:51] Got it? Fine. Now come back here in the application.
[44:53] application. I'll go back here
[44:54] I'll go back here and this should give you a quick reload.
[44:56] and this should give you a quick reload. So, we have provided our CSS
[44:59] So, we have provided our CSS tag properly. Now things are looking
[45:00] tag properly. Now things are looking good. Now all we have to do is to come
[45:02] good. Now all we have to do is to come back to the browser and you can see the
[45:03] back to the browser and you can see the button is reflecting fine. You can click
[45:05] button is reflecting fine. You can click here. Like user can click here and they
[45:07] here. Like user can click here and they can book an appointment. I'll simply
[45:08] can book an appointment. I'll simply click here. Go back to the follow up. I
[45:10] click here. Go back to the follow up. I can pick the date. Let's say I'll pick
[45:12] can pick the date. Let's say I'll pick 29 and it's going to give me the slots.
[45:15] 29 and it's going to give me the slots. Just wait. It's pulling it out and I
[45:17] Just wait. It's pulling it out and I want to book from this. Let me give my
[45:19] want to book from this. Let me give my name. I'll say
[45:20] name. I'll say gmail.com. I got it. Click on this
[45:23] gmail.com. I got it. Click on this review booking.
[45:25] review booking. Click on this confirm.
[45:27] Click on this confirm. And you will find the appointment will
[45:28] And you will find the appointment will be booked and I will receive the email.
[45:31] be booked and I will receive the email. So, finally the appointment is booked. I
[45:33] So, finally the appointment is booked. I got the email. I got We have heard the
[45:35] got the email. I got We have heard the noise. Now I can click on this. You can
[45:36] noise. Now I can click on this. You can also control the colorings. Right now
[45:38] also control the colorings. Right now it's green. So, if I want, I can control
[45:40] it's green. So, if I want, I can control that. So, I can go back to my AI
[45:42] that. So, I can go back to my AI settings and I need a red because that's
[45:44] settings and I need a red because that's the theme my website have. So, I'll
[45:45] the theme my website have. So, I'll simply click on this. Click on the save.
[45:48] simply click on this. Click on the save. And it's going to save it. Now if I come
[45:49] And it's going to save it. Now if I come back here, if I give a reload,
[45:52] back here, if I give a reload, if I give a reload, you will find it's
[45:54] if I give a reload, you will find it's got red. Click on this. Now we it will
[45:56] got red. Click on this. Now we it will match our brand. So, it's really
[45:58] match our brand. So, it's really powerful. If you come back here, you can
[45:59] powerful. If you come back here, you can see the appointment is got booked. Right
[46:02] see the appointment is got booked. Right now you will have three upcoming
[46:04] now you will have three upcoming appointment. If you come back here just
[46:05] appointment. If you come back here just now, you have booked with Amit. That's
[46:07] now, you have booked with Amit. That's is there. You can also perform the
[46:09] is there. You can also perform the actions. So, here you will have confirm
[46:11] actions. So, here you will have confirm mark. That's all you can do. If you come
[46:12] mark. That's all you can do. If you come back to the calendars, there you will
[46:13] back to the calendars, there you will find the appointment. If you go in the
[46:15] find the appointment. If you go in the month back here and you will see all the
[46:18] month back here and you will see all the stats. All the stats. Conversion rate.
[46:20] stats. All the stats. Conversion rate. That's all you will do it. So, every
[46:22] That's all you will do it. So, every single thing is looking absolutely fine.
[46:24] single thing is looking absolutely fine. I hope you have understood that how you
[46:25] I hope you have understood that how you can able to do this setup of the final
[46:27] can able to do this setup of the final source code. That's a really powerful
[46:29] source code. That's a really powerful project and all the data which you can
[46:31] project and all the data which you can see and control in your dashboard. So,
[46:34] see and control in your dashboard. So, if you come back in your database, you
[46:36] if you come back in your database, you will see all the data the user are
[46:38] will see all the data the user are creating about the subscription. Right
[46:40] creating about the subscription. Right now we are in the free subscription
[46:42] now we are in the free subscription automatically. If you come back to the
[46:43] automatically. If you come back to the AI conversation, that's all is there. If
[46:45] AI conversation, that's all is there. If you come back to the appointments, you
[46:47] you come back to the appointments, you will see all the appointments are
[46:48] will see all the appointments are happening. So, that's a really powerful
[46:50] happening. So, that's a really powerful project which you can actually launch in
[46:52] project which you can actually launch in your country. I hope you have understood
[46:53] your country. I hope you have understood all the feature functionality we have
[46:55] all the feature functionality we have included and how every single thing
[46:56] included and how every single thing would be coming, how you can able to
[46:58] would be coming, how you can able to provide this feature to your doctors in
[47:00] provide this feature to your doctors in your country in the global scape and you
[47:02] your country in the global scape and you can launch your own AI doctor session
[47:06] can launch your own AI doctor session management, clinic management SaaS for
[47:09] management, clinic management SaaS for booking appointments.
[47:10] booking appointments. So, that's the only thing. If you really
[47:12] So, that's the only thing. If you really want to faster development, you can take
[47:14] want to faster development, you can take the complete source code, download it
[47:16] the complete source code, download it and launch it and do the setup and you
[47:17] and launch it and do the setup and you can simply build on top of it.
[47:19] can simply build on top of it. This is a complete industry ready
[47:20] This is a complete industry ready project. This is the project we have got
[47:22] project. This is the project we have got recently 1 month ago for one of our
[47:24] recently 1 month ago for one of our client and that's what we have built and
[47:27] client and that's what we have built and delivered. And this is the simplified
[47:29] delivered. And this is the simplified version in a different model.
[47:31] version in a different model. So, that's what we have. So, make sure
[47:33] So, that's what we have. So, make sure to take the final source code if you
[47:34] to take the final source code if you want or you can wait when the final
[47:36] want or you can wait when the final project will come. We can start building
[47:38] project will come. We can start building together. With that, I'm ending this
[47:39] together. With that, I'm ending this video. If you have any question, any
[47:40] video. If you have any question, any doubt, do let me in the comment section.
[47:42] doubt, do let me in the comment section. I'll definitely try to help in that.
[47:43] I'll definitely try to help in that. Have a wonderful day. Bye-bye.

Full Transcript

https://www.youtube.com/watch?v=_1VFKR0_1Cc
Translation: fr

[00:00] Bienvenue à une autre vidéo de projet.
[00:04] Dans ce projet, nous allons construire la version avancée du flux de travail d'automatisation des réservations d'agents Dr. AI.
[00:10] Dans le dernier projet, nous avons vu comment l'utilisateur peut créer, comment le médecin peut créer le widget et ajouter son site web existant.
[00:19] Mais dans ce projet avancé, nous allons leur permettre de construire leur site web au sein de l'application et ils pourront le lancer s'ils n'ont pas de site web.
[00:24] Donc, vous reviendrez ici.
[00:26] C'est ce que nous avons vu dans la dernière vidéo.
[00:29] Alors, assurez-vous si vous n'avez pas regardé cette vidéo, regardez-la jusqu'à la fin.
[00:32] Vous comprendrez quelle fonctionnalité nous avons incluse.
[00:35] Ce projet est la version avancée où nous fournissons un constructeur de site web.
[00:38] Donc, si je reviens au constructeur de site web, vous constaterez que je facture des frais d'abonnement minimes.
[00:45] Donc, vous trouverez ici la page du constructeur de site web.
[00:47] Si le médecin veut lancer son site web, il doit souscrire à l'abonnement mensuel.
[00:51] Et ils doivent payer un USDT.
[00:54] Vous pouvez fixer n'importe quel prix, mais je facture un USDT, mais vous pouvez changer à cinq, 10, ce que vous voulez.
[00:59] Alors, ce que je
[01:02] cinq, 10, ce que vous voulez.
[01:02] Alors, ce que je vais faire, c'est que je vais cliquer sur ce paiement et publier, et ici ça s'ouvrira.
[01:05] Laissez-moi cliquer sur cette connexion.
[01:08] Et il me dit de changer de réseau.
[01:11] Alors, cliquons sur le changement vers polygon.
[01:14] J'ai changé, et je peux voir mes fonds.
[01:14] Maintenant, je peux cliquer sur ce paiement.
[01:18] Cliquons sur ce paiement, et cela va effectuer une transaction, et l'administrateur de cette application particulière recevra le paiement.
[01:23] Alors, je vais cliquer sur cette confirmation, et une fois que la transaction sera terminée, nous aurons l'éditeur de tableau de bord pour le site Web que nous avons utilisé pour lancer.
[01:32] Alors, ici vous pouvez voir que nous avons terminé le paiement avec succès, et maintenant nous pouvons cliquer sur voir notre site Web, voir mon site Web.
[01:37] Au moment où je cliquerai, il reviendra ici, et vous constaterez que le panneau d'édition du site Web est activé.
[01:44] Vous pouvez voir que votre abonnement de publication est activé.
[01:46] Vous pouvez copier ceci est l'URL unique que vous obtiendrez pour votre site Web, que vous pouvez partager sur n'importe quelle plateforme.
[01:53] Alors, pour l'instant, vous aurez ce tableau de bord.
[01:55] Vous pouvez voir le modèle.
[01:57] Vous pouvez choisir quel modèle vous voulez utiliser.
[01:59] Vous pouvez sélectionner celui-là, mais celui-ci a l'air moderne.
[02:01] Je vais prendre celui-là. Et
[02:02] moderne. Je vais choisir celui-là.
[02:04] Et d'ici vous pouvez modifier. Vous pouvez également modifier le widget IA, et vous pouvez simplement modifier le widget IA, et vous pouvez simplement prévisualiser celui-ci.
[02:06] Alors, faisons une chose. Cliquons sur modifier.
[02:10] Et cela m'emmènera au panneau d'édition, et d'où je peux modifier tout le modèle.
[02:14] Alors, attendez juste. En ce moment, vous verrez à quoi va ressembler le modèle.
[02:19] Il a l'air absolument parfait. Vous pouvez ajouter tous les détails.
[02:23] Alors, en ce moment, vous verrez que c'est l'éditeur que nous avons.
[02:25] Laissez-moi réduire celui-ci.
[02:26] Voici à quoi cela va ressembler.
[02:28] A l'air absolument parfait.
[02:30] Alors, voici tous les modèles que nous avons.
[02:32] Si vous voulez faire un aperçu, vous pouvez cliquer ici, et cela vous emmènera sur le navigateur suivant, et c'est comme cela que cela va ressembler.
[02:37] Voici à quoi cela va ressembler.
[02:39] Vous aurez toutes ces options.
[02:40] Vous pouvez cliquer ici, et vous pouvez vous pouvez commencer à réserver un rendez-vous.
[02:44] Vous pouvez cliquer ici, l'utilisateur peut commencer à réserver un rendez-vous.
[02:45] Si je clique ici, je peux cliquer sur ceci, cliquer sur cela, et laissez-moi réserver un rendez-vous.
[02:50] Alors, toutes les fonctionnalités sont automatiquement ajoutées et ont l'air bien.
[02:52] Alors, je vais sélectionner celui-ci. Laissez-moi donner ce numéro.
[02:54] Je peux cliquer sur ceci pour examiner ma réservation, et cliquer sur ceci pour confirmer.
[02:57] Et la réservation serait terminée.
[03:01] Alors, la réservation est complète.
[03:02] Le système fonctionne bien. Chaque chose a
[03:04] Ça fonctionne.
[03:04] Tout s'est synchronisé.
[03:05] Donc, si je clique ici, si je veux discuter avec l'IA, je peux le faire.
[03:07] Maintenant, je veux faire l'édition dans ce modèle.
[03:10] Donc, je peux revenir ici, et à partir d'ici, je peux ajouter le détail.
[03:14] Par exemple, bienvenue à bienvenue au codeur blockchain.
[03:16] Donc, si je dis bienvenue à parce que c'est le nom de ma clinique, je peux dire bienvenue à Dolat.
[03:23] Je peux dire bienvenue à Dolat Hossain.
[03:28] C'est ce que je peux taper.
[03:29] Je peux aussi taper, et je peux donner ma description détaillée.
[03:34] Je dirai Hey, tout ce que vous voulez.
[03:35] Vous pouvez ajouter tous vos types.
[03:37] Vous pouvez changer le nom du texte.
[03:40] Je dirai réserver réserver un rendez-vous.
[03:43] Dolat, vous pouvez ajouter n'importe quoi.
[03:45] Vous pouvez également changer la couleur.
[03:47] Donc, si vous voulez utiliser une palette de couleurs différente, vous pouvez simplement ajouter celle-ci.
[03:50] Vous pouvez changer.
[03:54] Alors, laissez-moi ajouter celle-ci.
[03:56] Mais je ne veux pas l'ajouter parce que ça ressemble à Ok, je peux l'ajouter.
[03:59] Donc, vous pouvez sélectionner quelle palette de couleurs je veux utiliser.
[04:00] Donc, cela semble un peu mieux.
[04:02] Vous pouvez ajuster cette palette de couleurs.
[04:02] Et à partir d'ici
[04:04] Ajustez cette palette de couleurs.
[04:04] Et à partir d'ici, vous pouvez ajouter votre image.
[04:06] Actuellement, vous constaterez que j'ai cette image.
[04:07] Donc, je peux cliquer ici, et je peux ajouter l'image.
[04:09] Par exemple, je vais prendre celle-ci.
[04:12] C'est l'image que j'ai.
[04:14] Je peux cliquer sur ouvrir.
[04:17] Et cela va télécharger mon image.
[04:18] Une fois qu'elle sera téléchargée, elle se reflétera ici.
[04:20] Alors, attendez juste.
[04:20] Elle est téléchargée, et voilà comment elle se présente.
[04:23] Assurez-vous d'avoir une taille d'image appropriée.
[04:25] C'est l'image circulaire que j'ai.
[04:27] Si je veux remplacer, je peux simplement remplacer, ou je peux la supprimer.
[04:28] Je peux la supprimer, et ce serait si je clique ici, je peux ajouter d'autres images aussi.
[04:32] Par exemple, c'est celle que je peux ajouter.
[04:35] Donc, c'est actuellement le projet que nous avons lancé, et c'est la miniature que j'ai.
[04:39] C'est ce que je peux ajouter.
[04:41] Donc, vous pouvez ajouter n'importe quelles images.
[04:43] Une fois que vous avez terminé tout cela, vous pouvez également vérifier la bannière principale.
[04:46] Donc, si vous voulez l'afficher ou la masquer, vous pouvez la contrôler à partir d'ici.
[04:49] Je peux cliquer sur enregistrer, et cela sera enregistré.
[04:52] Cette section principale est enregistrée.
[04:53] Maintenant, vous pouvez revenir à la suivante.
[04:55] Donc, si je reviens ici, nous avons la section à propos de nous.
[04:57] Et là, vous aurez tous les détails.
[04:58] Si vous voulez modifier, vous pouvez modifier celle-ci.
[05:00] À propos de nous, on peut dire à propos de Dolat.
[05:05] À propos de nous, on peut parler de Dolat.
[05:05] Dolat, vous pouvez ajouter celui-ci.
[05:06] Dolat, vous pouvez ajouter celui-ci.
[05:06] Vous pouvez ajouter votre description.
[05:08] Vous pouvez vérifier votre description.
[05:08] Vous pouvez vérifier l'expérience.
[05:10] C'est tout ce que vous pouvez fournir, expérience.
[05:10] C'est tout ce que vous pouvez fournir, et vous pouvez ajouter toutes vos images également.
[05:12] et vous pouvez ajouter toutes vos images également.
[05:14] Alors, vous pouvez cliquer ici, et laissez-moi ajouter mon image.
[05:17] mon image.
[05:17] Alors, je vais prendre celle-ci, et vous pouvez ajouter votre image.
[05:18] vous pouvez ajouter votre image.
[05:18] Elle va se télécharger, et elle va se refléter ici.
[05:21] télécharger, et elle va se refléter ici.
[05:22] Alors, une fois qu'elle sera téléchargée, vous trouverez que l'image est belle.
[05:24] trouver que l'image est belle.
[05:24] Maintenant, vous pouvez revenir ici.
[05:25] Vous pouvez ajouter votre certification si vous en avez plus.
[05:27] certification si vous en avez plus.
[05:27] Alors, je peux cliquer ici.
[05:29] Je dirai codeurs, et je peux cliquer sur enregistrer.
[05:32] codeurs, et je peux cliquer sur enregistrer.
[05:32] Vous trouverez que c'est un codeur.
[05:34] Vous pouvez en ajouter plus.
[05:35] Si vous voulez, vous pouvez le supprimer.
[05:37] Alors, si je clique sur enregistrer, cela sera sauvegardé.
[05:39] sauvegardé.
[05:39] Si je veux mettre à jour celui-ci, disons 15 ans.
[05:41] disons 15 ans.
[05:41] Cliquez sur enregistrer, et cela sera sauvegardé.
[05:43] enregistrer, et cela sera sauvegardé.
[05:45] Alors, le contrôle que vous aurez dans la section à propos de nous.
[05:46] section à propos de nous.
[05:46] Alors, une fois que vous avez terminé avec cela, vous pouvez maintenant revenir à la section services.
[05:47] avec cela, vous pouvez maintenant revenir à la section services.
[05:49] Vous pouvez également masquer celui-ci.
[05:51] Ça a l'air bien.
[05:51] Vous pouvez masquer cet élément à propos.
[05:53] celui.
[05:53] Maintenant, vous pouvez revenir aux services.
[05:54] services.
[05:54] D'ici, vous pouvez contrôler quels services vous fournissez, et
[05:56] quels services vous fournissez, et ici vous aurez cette option, utiliser
[05:58] ici vous aurez cette option, utiliser le service de clinique.
[05:59] service de clinique.
[05:59] Alors, quel que soit le service de clinique que j'ai, c'est ce que nous allons utiliser.
[06:00] service que j'ai, c'est ce que nous allons utiliser.
[06:02] Vous pouvez basculer celui-ci, et cela ne se reflétera pas, mais cela
[06:04] cela ne se reflétera pas, mais cela va se refléter.
[06:04] Alors, vous pouvez ajouter ceci
[06:05] va se refléter.
[06:07] Donc, vous pouvez ajouter celui-ci.
[06:07] Maintenant, si vous revenez à celui-ci.
[06:07] Maintenant, si vous revenez à la galerie, d'ici vous pouvez ajouter plusieurs images.
[06:09] Plusieurs images vous pouvez l'ajouter.
[06:12] Donc, à partir de maintenant, il s'affiche.
[06:14] Je peux simplement le cacher, et laissez-moi trouver que pour l'instant nous n'avons pas d'images, mais vous pouvez en ajouter d'autres.
[06:19] Par exemple, je peux ajouter les images.
[06:22] Cliquons sur ceci, et je peux cliquer sur ceci.
[06:24] Et d'ici je peux ajouter plusieurs images que je veux.
[06:27] Alors, attendez juste.
[06:27] Il ajoute, et cela se reflétera ici.
[06:31] Donc, nous avons les images ajoutées.
[06:31] Ce n'est pas une erreur.
[06:34] C'est juste un avertissement car nous sommes en développement.
[06:35] Je peux en ajouter une de plus si je veux.
[06:37] Je peux cliquer ici.
[06:38] Cliquons sur ceci, et je peux ajouter les images aussi.
[06:41] Donc, voici une autre image que j'ai ajoutée.
[06:45] Si vous voulez ajouter, vous pouvez cliquer ici, et vous pouvez ajouter plus d'images.
[06:48] Donc, je peux cliquer ici.
[06:48] Je peux cliquer sur ceci, et je peux ajouter cette image aussi.
[06:51] Donc, vous pouvez ajouter toutes les images de la clinique, et c'est tout ce qui va se refléter ici.
[06:54] Donc, voici mes images quand j'étais déchiré,
[06:58] et j'essaie de devenir plus déchiré.
[07:00] Donc, maintenant voici nos services.
[07:02] Vous pouvez revenir ici, et vous pouvez simplement définir tout cela.
[07:03] Donc, c'est ainsi que vous pouvez l'ajouter.
[07:05] Donc, une fois que vous avez ajouté toutes les images, faites
[07:07] Donc, une fois que vous avez ajouté toutes les images, assurez-vous de cliquer sur Enregistrer, et les données seront enregistrées dans notre base de données.
[07:11] Donc, une fois que vous avez ajouté, cela semble correct.
[07:13] Maintenant, vous pouvez revenir au contact, et là vous aurez cette option.
[07:16] Donc, si vous voulez, vous pouvez contrôler la section contact.
[07:17] Vous pouvez dire contact, contactez-moi ou Dolat.
[07:19] Vous pouvez ajouter celui-ci.
[07:23] Vous pouvez fournir l'adresse, le numéro, la clinique.
[07:25] Vous pouvez sélectionner l'heure, et vous pouvez également ajouter une URL Google Maps, afin que l'utilisateur puisse y être redirigé.
[07:32] Maintenant, si vous revenez à l'appel à l'action, voici ce que nous avons.
[07:33] Donc, nous nous préparons, et vous pouvez également masquer ceci, et vous pouvez également ouvrir ceci.
[07:37] Donc, c'est notre appel à l'action.
[07:41] Une fois que vous avez terminé, vous pouvez simplement cliquer sur Enregistrer, et c'est enregistré.
[07:44] Une fois enregistré, vous pouvez maintenant avoir un aperçu.
[07:46] Vous pouvez cliquer dessus.
[07:48] Cela m'ouvrira dans un nouveau navigateur.
[07:49] Donc, notre application est en ligne.
[07:51] Chaque donnée, chaque chose est en direct, ce que vous pouvez contrôler.
[07:53] L'utilisateur peut cliquer ici.
[07:55] Ils peuvent cliquer dessus, et ils peuvent réserver un rendez-vous.
[07:56] Ils peuvent discuter, et ils peuvent avoir la conversation, et ils peuvent simplement réserver un rendez-vous.
[08:00] Donc, je peux sélectionner celui-ci, sélectionner ceci, donner mon numéro, et je peux confirmer ma réservation.
[08:09] Je peux confirmer ma réservation.
[08:11] Je peux aussi confirmer ma réservation avec le modèle de chat.
[08:12] Donc, je peux cliquer ici, revenir ici, et dire réserver un rendez-vous.
[08:15] Réserver un rendez-vous, appuyez sur Entrée.
[08:20] Et il vous posera quelques questions.
[08:22] Donc, c'est ce que vous devez donner comme réponse.
[08:24] Donc, il va communiquer avec notre base de données, et il vous demandera ceci.
[08:27] Alors, laissez-moi copier rapidement celui-ci.
[08:29] C'est ce que je veux, et laissez-moi donner mon nom.
[08:31] Je dirai nom.
[08:34] Je fournis ceci à l'avance car c'est ce qu'il va demander car nous avons besoin de celui-ci.
[08:37] Donc, je lui donne juste une avance.
[08:40] Donc, il va le traiter.
[08:42] Sinon, il me posera une question à la fois, et je devrai simplement y répondre.
[08:45] Alors, nous verrons qu'il a toutes les données.
[08:46] Maintenant, il me demande la date.
[08:47] Je choisirai 20 neuf, et j'appuierai sur Entrée.
[08:51] Maintenant, il me demandera l'heure car il y a certaines questions que j'ai définies et que nous devons réserver un rendez-vous.
[08:55] Alors, j'opterai pour le créneau du matin.
[08:56] Je donnerai un.
[08:58] Et attendez juste.
[09:01] Une fois le rendez-vous réservé, notre application sera en ligne.
[09:03] Donc, finalement, le rendez-vous est réservé car nous avons fourni tous ces détails, numéro et tout.
[09:06] Et veuillez confirmer.
[09:08] D'accord, oui.
[09:10] Confirmer. D'accord, oui. Je vais dire oui, et appuyer sur Entrée.
[09:13] Je vais dire oui, et appuyer sur Entrée.
[09:14] Et cela va simplement réserver un rendez-vous, et vous obtiendrez le rendez-vous dans votre tableau de bord.
[09:15] rendez-vous, et vous obtiendrez le rendez-vous dans votre tableau de bord.
[09:19] Alors, attendez juste. Vous obtiendrez la confirmation, et votre rendez-vous est réservé, et j'ai aussi reçu l'e-mail.
[09:20] Alors, attendez juste. Vous obtiendrez la confirmation, et votre rendez-vous est réservé, et j'ai aussi reçu l'e-mail.
[09:21] confirmation, et votre rendez-vous est réservé, et j'ai aussi reçu l'e-mail.
[09:23] réservé, et j'ai aussi reçu l'e-mail. Alors, si vous revenez ici dans le tableau de bord, votre application est en ligne.
[09:25] si vous revenez ici dans le tableau de bord, votre application est en ligne.
[09:27] votre application est en ligne. Si vous revenez ici dans la section d'accueil, dans la section du tableau de bord, vous y trouverez le rendez-vous récent que vous avez obtenu.
[09:29] ici dans la section d'accueil, dans la section du tableau de bord, vous y trouverez le rendez-vous récent que vous avez obtenu.
[09:31] section du tableau de bord, vous y trouverez le rendez-vous récent que vous avez obtenu. Tous les rendez-vous si vous revenez à la section des rendez-vous, laissez-moi agrandir celui-ci.
[09:33] le rendez-vous récent que vous avez obtenu. Tous les rendez-vous si vous revenez à la section des rendez-vous, laissez-moi agrandir celui-ci.
[09:34] les rendez-vous si vous revenez à la section des rendez-vous, laissez-moi agrandir celui-ci.
[09:36] celui-ci. Alors, ce sont les sections de rendez-vous. Et là, vous trouverez tous les rendez-vous que vous avez obtenus.
[09:37] celui-ci. Alors, ce sont les sections de rendez-vous. Et là, vous trouverez tous les rendez-vous que vous avez obtenus.
[09:39] sections. Et là, vous trouverez tous les rendez-vous que vous avez obtenus.
[09:41] les rendez-vous que vous avez obtenus. Alors, nous avons réservé pour le 29. C'est ce que nous avons.
[09:43] nous avons réservé pour le 29. C'est ce que nous avons.
[09:44] nous avons. Si vous revenez au calendrier, vous pourrez y trouver les rendez-vous.
[09:47] calendrier, vous pourrez y trouver les rendez-vous. Vous pouvez simplement agrandir celui-ci pour une semaine.
[09:48] rendez-vous. Vous pouvez simplement agrandir celui-ci pour une semaine.
[09:50] celui-ci pour une semaine. Vous pouvez agrandir pour une journée.
[09:53] une journée. Alors, en ce moment, aujourd'hui, nous avons ces deux rendez-vous. Vous pouvez cliquer et vous pouvez l'ouvrir.
[09:54] deux rendez-vous. Vous pouvez cliquer et vous pouvez l'ouvrir.
[09:56] l'ouvrir. Si je passe au mois, voici ce que nous avons.
[09:58] ce que nous avons. Alors, aujourd'hui le 29, nous avons trois rendez-vous. Encore une fois, vous pouvez voir que vous pouvez le marquer comme terminé et vous pouvez simplement le masquer.
[10:00] trois rendez-vous. Encore une fois, vous pouvez voir que vous pouvez le marquer comme terminé et vous pouvez simplement le masquer.
[10:02] voir que vous pouvez le marquer comme terminé et vous pouvez simplement le masquer.
[10:04] le masquer. Alors, c'est un projet vraiment puissant que nous avons.
[10:07] Alors, c'est un projet vraiment puissant que nous avons. Celui-ci est la version avancée qui a également le constructeur de site web.
[10:09] avons. Celui-ci est la version avancée qui a également le constructeur de site web.
[10:11] qui a également le constructeur de sites Web.
[10:12] Donc, ceux qui n'ont pas de site Web peuvent simplement venir et concevoir leur modèle et le lancer.
[10:18] Si vous revenez aux paramètres de l'IA, d'ici vous pouvez contrôler l'ensemble.
[10:22] Donc, si vous avez déjà votre site Web, vous pouvez simplement copier ce widget et l'injecter.
[10:27] C'est donc la fonctionnalité avancée que nous avons incluse dans notre projet.
[10:30] Ceci est dans notre flux de travail de réservation Doctor AI SaaS.
[10:35] Donc, je vous encourage vivement à regarder celui-ci.
[10:37] Dans celui-ci, nous n'avons pas le constructeur de site Web, mais ce projet est le plus avancé.
[10:42] Ce projet est un projet avancé dans lequel nous avons le constructeur de site Web.
[10:46] Donc, j'espère que vous avez compris quelles sont les fonctionnalités et les fonctions que nous avons incluses.
[10:49] Et le reste de la fonctionnalité sera tel quel, comme nous en avons discuté dans ce projet.
[10:54] Maintenant, laissez-moi vous montrer comment vous pouvez faire toutes les configurations une fois que vous aurez obtenu ce code source final particulier et comment vous pouvez obtenir toutes les ressources dont vous avez besoin pour développer ce projet et le lancer immédiatement.
[11:03] Pour obtenir les actifs complets et le code source final, vous pouvez revenir au codeur blockchain.
[11:06] Donc, ouvrez simplement un nouvel onglet, tapez le codeur blockchain et vous reviendrez ici et ici vous allez
[11:11] reviendra ici et ici vous trouverez tous les projets que nous avons développés.
[11:13] trouver tous les projets que nous avons développés. Alors, assurez-vous de vous connecter et de créer votre compte.
[11:15] Alors, assurez-vous de vous connecter et de créer votre compte. Vous pouvez revenir ici, cliquer sur le code source une fois que nous nous connectons ou vous pouvez également revenir ici et vous pouvez également cliquer sur ce code source.
[11:16] compte. Vous pouvez revenir ici, cliquer sur le code source une fois que nous nous connectons ou vous pouvez également revenir ici et vous pouvez également cliquer sur ce code source.
[11:18] sur le code source une fois que nous nous connectons ou vous pouvez également revenir ici et vous pouvez également cliquer sur ce code source.
[11:20] pouvez également revenir ici et vous pouvez également cliquer sur ce code source. Une fois que vous cliquerez, vous reviendrez ici et ici vous trouverez tous les projets que nous avons développés.
[11:21] cliquer sur ce code source. Une fois que vous cliquerez, vous reviendrez ici et ici vous trouverez tous les projets que nous avons développés.
[11:23] cliquer, vous reviendrez ici et ici vous trouverez tous les projets que nous avons développés.
[11:24] vous trouverez tous les projets que nous avons développés. Alors, assurez-vous de cliquer sur ceci, de cliquer sur ce projet récent et c'est ce que vous avez.
[11:26] développés. Alors, assurez-vous de cliquer sur ceci, de cliquer sur ce projet récent et c'est ce que vous avez.
[11:28] ceci, cliquez sur ce projet récent et c'est ce que vous avez. Cliquez sur ceci et ici vous trouverez tous les fichiers de démarrage et incluez le code source final.
[11:30] c'est ce que vous avez. Cliquez sur ceci et ici vous trouverez tous les fichiers de démarrage et incluez le code source final.
[11:31] ici vous trouverez tous les fichiers de démarrage et incluez le code source final. Alors, assurez-vous de cliquer ici et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.
[11:33] et incluez le code source final. Alors, assurez-vous de cliquer ici et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.
[11:34] assurez-vous de cliquer ici et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.
[11:35] et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.
[11:37] trouverez l'architecture complète que nous avons conçue pour ce projet particulier. Alors, assurez-vous de cloner celui-ci et de l'enregistrer dans votre système.
[11:38] avons conçu pour ce projet particulier. Alors, assurez-vous de cloner celui-ci et de l'enregistrer dans votre système.
[11:40] projet. Alors, assurez-vous de cloner celui-ci et de l'enregistrer dans votre système. Alors, quand le projet complet arrivera, nous voulons commencer à construire tout de suite.
[11:41] et de l'enregistrer dans votre système. Alors, quand le projet complet arrivera, nous voulons commencer à construire tout de suite.
[11:43] projet complet arrivera, nous voulons commencer à construire tout de suite. Maintenant, nous pouvons revenir ici et laissez-moi vous montrer comment vous pouvez faire le code source final de cette version avancée.
[11:44] commencer à construire tout de suite. Maintenant, nous pouvons revenir ici et laissez-moi vous montrer comment vous pouvez faire le code source final de cette version avancée.
[11:46] pouvons revenir ici et laissez-moi vous montrer comment vous pouvez faire le code source final de cette version avancée. Assurez-vous de revenir ici et d'obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci.
[11:48] comment vous pouvez faire le code source final de cette version avancée. Assurez-vous de revenir ici et d'obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci.
[11:49] cette version avancée. Assurez-vous de revenir ici et d'obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci.
[11:51] revenir ici et obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci.
[11:52] et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci.
[11:54] contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci. Pour télécharger le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.
[11:55] projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci. Pour télécharger le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.
[11:57] télécharger rapidement celui-ci. Pour télécharger le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.
[11:58] le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.
[12:00] fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.
[12:02] vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.
[12:04] aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo. Alors, assurez-vous d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et
[12:06] le projet avec toutes les fonctionnalités que vous avez vues dans la démo. Alors, assurez-vous d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et
[12:08] vous avez vues dans la démo. Alors, assurez-vous d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et
[12:10] d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et
[12:12] Mac, donc je vais double-cliquer dessus et cela va me donner ce dossier, mais
[12:13] cela va me donner ce dossier, mais si vous utilisez Linux, Windows, assurez-vous
[12:15] d'installer un extracteur zip.
[12:17] Et c'est le dossier que vous devez ouvrir dans
[12:18] ceci est le dossier que vous devez ouvrir dans votre VS code.
[12:21] Je vais cliquer sur mon VS code.
[12:22] Actuellement, nous avons ce dépôt vide.
[12:25] Laissez-moi zoomer un peu.
[12:27] Laissez-moi cliquer sur ouvrir, revenir au bureau et je vais sélectionner le dossier que nous avons
[12:28] extrait.
[12:31] Celui-ci.
[12:34] Gestion SaaS.
[12:36] Ouvrir.
[12:37] Et fermons ceci.
[12:39] Mettons en plein écran.
[12:41] Et maintenant, laissez-moi vous donner une présentation complète de toute l'architecture.
[12:42] Celle-ci est très importante car
[12:44] si vous suivez cette vidéo jusqu'à la fin,
[12:46] vous pourrez effectuer la configuration complète par vous-même.
[12:47] Je vais vous expliquer chaque fonctionnalité, comment vous pouvez personnaliser, comment vous
[12:49] pouvez effectuer la configuration et comment vous pouvez exécuter sur votre système.
[12:50] Donc, le tout premier dossier que vous trouverez
[12:52] est l'action dans laquelle vous trouverez l'action commune que nous fournissons au
[12:54] médecin, à la gestion de la clinique pour effectuer des actions et contrôler leurs
[12:57] patients.
[12:58] Donc, nous avons la section rendez-vous, nous avons la clinique, nous avons le
[13:00] patient, nous avons le service et nous avons
[13:02] les paramètres où vous pouvez configurer la
[13:04] clinique, les services que vous souhaitez
[13:06] fournir.
[13:09] Donc, ne faites aucun changement.
[13:10] Chaque chose est dynamique.
[13:11] Chaque
[13:13] Tout est dynamique.
[13:13] Tout est dynamique.
[13:15] Gardez-le simplement comme une seule chose dynamique.
[13:15] Gardez-le tel quel.
[13:17] Donc, c'est ce que vous aurez dedans.
[13:17] Donc, c'est ce que vous aurez dans l'action.
[13:18] Fermez celui-ci, revenez à l'application dans
[13:20] dans laquelle vous trouverez toutes les pages,
[13:22] backend entier, frontend, c'est tout
[13:24] vous trouverez.
[13:24] Donc, le tout premier que nous
[13:26] avons est l'application dans laquelle vous trouverez
[13:28] cette application dans laquelle vous trouverez toutes les
[13:30] pages que nous avons dans notre application.
[13:30] Nous avons les paramètres IA, nous avons la
[13:32] page de rendez-vous, nous avons la page de facturation
[13:35] page, nous avons la
[13:37] page de rendez-vous, nous avons la page de facturation, nous avons la
[13:38] page, nous avons la page calendrier, nous avons la page tableau de bord
[13:40] page, nous avons la page patient et nous
[13:43] avons la page de profil où vous pouvez voir
[13:45] tous les détails que vous avez fournis
[13:47] et nous avons les services, nous avons les
[13:49] paramètres.
[13:49] C'est tout ce que vous trouverez.
[13:51] Et c'est la page principale qui va gérer
[13:53] toutes les pages à l'intérieur et nous avons le
[13:55] layout, la structure principale de notre
[13:57] application.
[13:57] Donc, gardez-le tel quel.
[13:59] Vous pouvez voir que je reçois cet avertissement rouge
[14:01] parce que j'ai une configuration différente
[14:02] dans ma vidéo.
[14:02] Donc, ce n'est pas une erreur.
[14:05] Fermez celui-ci.
[14:05] Fermez celui-ci.
[14:07] C'est tout ce que vous trouverez, toutes les pages que vous
[14:08] trouverez dans ces pages [s'éclaircit la gorge].
[14:10] Donc, si vous voulez faire une édition dans
[14:12] rendez-vous, vous pouvez cliquer ici et le
[14:14] Rendez-vous, vous pouvez cliquer ici et le reste de la chose vous pouvez la laisser telle quelle.
[14:18] La seule chose que vous pouvez changer est le texte blanc.
[14:20] Donc, pour l'instant, nous n'avons pas de texte blanc ici.
[14:22] Donc, laissez-le tel quel.
[14:24] Vous ne pouvez changer que cette partie, ce texte blanc.
[14:26] Mais le reste de la chose est 100% dynamique en fonction de votre compte, en fonction de vos services que vous fournissez.
[14:31] Alors, fermons celui-ci.
[14:33] C'est ce que nous avons dans l'application.
[14:35] C'est la disposition que nous avons vue.
[14:38] Fermez celui-ci.
[14:39] Fermez celui-ci. Revenons à l'authentification.
[14:40] Donc, nous fournissons la connexion.
[14:43] Donc, c'est la page de connexion que nous avons pour l'utilisateur, ceux qui ont déjà un compte, ils peuvent simplement se connecter et nous avons l'inscription qu'ils peuvent utiliser pour s'inscrire et créer leur clinique.
[14:51] Et nous avons la disposition en direct pour la page de condition d'inscription et de connexion.
[14:53] Fermez celui-ci.
[14:56] Fermez celui-ci. Revenons à l'API et là nous faisons tous les appels à notre backend pour stocker les données.
[14:59] Donc, si vous revenez au rendez-vous, vous y trouverez tous les détails sur le backend du rendez-vous car notre IA va communiquer et réserver le rendez-vous ou nous pouvons également le planifier.
[15:07] Donc, il peut également réserver un rendez-vous et permettre l'intégration du site Web.
[15:14] Donc, c'est ce que vous trouverez.
[15:14] Fermez ceci
[15:15] C'est ce que vous trouverez.
[15:15] Fermez celui-ci.
[15:15] Fermez celui-ci.
[15:17] Revenez à celui-ci.
[15:17] Fermez celui-ci.
[15:17] Revenez à l'authentification et c'est le routeur que nous avons pour l'authentification.
[15:20] Laissez-le tel quel.
[15:20] Nous avons le widget.
[15:23] Donc, c'est le modèle de chat que nous fournissons à nos utilisateurs afin qu'ils puissent simplement prendre ce code et l'ajouter à votre site Web et ils auront ce modèle en direct où l'utilisateur peut discuter et réserver le rendez-vous et vous aurez dans votre tableau de bord où vous pouvez gérer tout cela.
[15:35] Alors, ne touchez à rien.
[15:35] Laissez-le simplement tel quel.
[15:36] Cliquez sur cet onboarding.
[15:38] Dans celui-ci, vous trouverez que c'est la page d'accueil où l'utilisateur fournira tous les détails.
[15:42] Vous pouvez voir que c'est le fuseau horaire prédéfini que nous fournissons, mais si vous voulez construire pour votre pays, vous pouvez définir la région, vous pouvez définir les avantages que vous voulez fournir.
[15:51] Ces textes peuvent être modifiés.
[15:53] Fermez celui-ci.
[15:53] Fermez celui-ci.
[15:56] Revenez ici et ici, vous pourrez contrôler le prix.
[15:58] Donc, ce sont les détails du plan que je dérive, mais vous pouvez ajouter votre propre plan en fonction de votre pays, en fonction du service et en fonction de l'argent que vous souhaitez facturer.
[16:05] Donc, là, vous trouverez tout le plan et il sera simplement rendu ici.
[16:09] Fermez celui-ci.
[16:09] Fermez celui-ci.
[16:11] Revenez au widget et nous avons la mise en page.
[16:13] Alors, que se passera-t-il lorsque
[16:17] Disposition. Alors, que se passera-t-il lorsque l'utilisateur essaiera d'afficher un aperçu des widgets ?
[16:20] Par exemple, j'ai créé une clinique et je veux en avoir un aperçu.
[16:23] Donc, c'est ce que nous allons fournir à l'administrateur, c'est-à-dire aux médecins afin qu'ils puissent simplement prévisualiser et tester les services qu'ils ont ajoutés.
[16:31] Donc, c'est ce que nous avons dans le widget.
[16:32] Revenons ici dans le CSS global.
[16:34] Celui-ci est dynamique.
[16:34] Vous pouvez également contrôler la couleur entière et la marque à partir d'ici.
[16:38] Mais pour l'instant, je vais vous dire de tester d'abord chaque chose.
[16:39] Après cela, faites toutes les expériences et modifications.
[16:43] Revenons à la disposition.
[16:45] C'est la disposition globale que nous avons pour les pages.
[16:46] Laissez-le tel quel.
[16:46] Vous trouverez le titre, la description et le mot-clé que nous avons fournis.
[16:50] Ceci est une métadonnée pour notre optimisation SEO.
[16:53] Si vous revenez aux pages, vous y trouverez que c'est la page principale que nous avons,
[16:57] la page d'accueil.
[16:59] Là, nous avons ajouté tous les détails.
[17:01] Donc, si vous voulez faire des modifications,
[17:03] vous pouvez revenir ici et fournir simplement les détails comme le niveau gratuit d'inscription et vous trouverez ces autres détails, le texte blanc.
[17:10] Ici, nous avons la description, vous pouvez donc simplement fournir votre description en fonction du service que vous souhaitez proposer.
[17:15] Et vous constaterez qu'ici nous avons commis une erreur où nous fournissons ce qui est
[17:18] erreur où nous fournissons quelles sont les fonctionnalités que l'utilisateur obtiendra.
[17:19] Donc, vous pouvez les fonctionnalités que l'utilisateur obtiendra.
[17:20] Donc, vous pouvez également avoir un contrôle et vous pouvez ajouter votre propre texte.
[17:22] Donc, laissez-le tel quel. Ne faites aucun changement.
[17:24] Chaque chose est dynamique.
[17:25] Donc, toutes les données que nous avons ajoutées, c'est ce que nous devons fournir dans l'industrie.
[17:27] Alors, fermons celui-ci.
[17:28] Et c'est ce que vous aurez à l'intérieur de cette application dans le composant.
[17:32] Vous constaterez que nous avons plusieurs composants.
[17:33] Nous appelons cela rendez-vous.
[17:35] Donc, c'est le composant de rendez-vous qui va s'ouvrir et que l'utilisateur réservera.
[17:37] Si vous revenez au tableau de bord, ce sont les composants de la carte du tableau de bord.
[17:40] Si vous revenez à la mise en page, nous avons l'en-tête de page, la barre latérale et la barre supérieure.
[17:43] Donc, vous n'avez pas besoin de faire de changements.
[17:46] Ce sont les dynamiques.
[17:47] Fermez celui-ci.
[17:49] Fermez celui-ci. Fermez celui-ci. Fermez celui-ci.
[17:51] Fermez celui-ci. Fermez celui-ci. Fermez celui-ci et nous avons obtenu cette uh une mise en page et nous avons celle-ci, le composant UI.
[17:53] Donc, ce sont les composants réguliers que nous avons pour l'avatar, les badges, le bouton, la carte, les dialogues, le menu déroulant, l'entrée, l'étiquette, la barre de progression, la sélection, le séparateur, le squelette, le commutateur, l'onglet, la zone de texte et l'infobulle.
[17:55] Laissez-le tel quel.
[17:57] C'est le composant général que nous avons et que nous utilisons comme modèle réutilisable.
[18:00] Alors, fermons celui-ci. Fermez celui-ci.
[18:19] Fermons celui-ci.
[18:19] Fermez celui-ci.
[18:19] Revenons au widget et ici nous avons le widget de chat qui va exactement s'ouvrir et nous pouvons tester et parler.
[18:25] Donc, c'est ce que nous avons.
[18:25] Fermons celui-ci.
[18:27] Fermez celui-ci.
[18:27] Fermez celui-ci.
[18:28] Revenons au fournisseur et là vous trouverez tous les détails que nous avons, que nous allons connecter et nous allons simplement fournir à l'utilisateur des fonctionnalités afin qu'il puisse poser la question et communiquer avec eux.
[18:35] Donc, c'est ce que le fournisseur a.
[18:38] Gardez-le tel quel.
[18:38] Ne faites aucun changement.
[18:40] Chaque chose est dynamique.
[18:42] Alors, fermons celui-ci et c'est ce que nous avons à l'intérieur du composant.
[18:43] Je vais fermer celui-ci.
[18:45] Revenons au hook et là vous trouverez que nous avons un hook important.
[18:48] Celui-ci est pour le rendez-vous car c'est le but principal de ce SaaS particulier où nous permettons à l'utilisateur de réserver un rendez-vous sur le modèle de prévisualisation sur les sites Web des utilisateurs où ils vont simplement intégrer le modèle de chat.
[19:00] Nous avons la clinique d'utilisation pour gérer toutes les données.
[19:02] C'est tout ce que vous aurez.
[19:04] Fermons celui-ci.
[19:06] Fermez celui-ci.
[19:06] Fermez celui-ci.
[19:08] Revenons à la bibliothèque dans laquelle vous trouverez que nous avons plusieurs bibliothèques.
[19:09] Donc, si vous revenez à l'IA, nous utilisons le cerveau pour Cloud AI qui va simplement réserver le rendez-vous lorsque nous commencerons à discuter et il va faire toutes les choses.
[19:19] et il va faire toutes les choses que vous avez vues dans la démo.
[19:20] que vous avez vues dans la démo.
[19:22] Alors, gardez-le tel quel.
[19:24] Chaque chose semble absolument correcte dans le Cloud.
[19:25] Si vous revenez à notre Superbase, nous l'utilisons comme stockage de données backend où nous allons conserver toutes les données, toutes les réservations, tous les utilisateurs.
[19:30] C'est tout ce que nous avons.
[19:32] Donc, nous avons le client, nous avons le middleware, nous avons le serveur, nous avons le type clinic.
[19:36] Gardez-le tel quel.
[19:38] Ne le touchez pas.
[19:40] Ceci est la partie backend.
[19:42] Fermez celui-ci.
[19:43] Fermez celui-ci.
[19:44] Revenons à nos notifications.
[19:46] Donc, c'est le composant de notification.
[19:47] Donc, chaque fois que le rendez-vous sera réservé, nous afficherons une notification différente indiquant que la transaction est terminée ou que les données sont mises à jour.
[19:51] Donc, c'est le modèle que nous avons conçu.
[19:53] Si vous savez, vous pouvez simplement le concevoir en fonction de vos besoins, mais c'est la configuration générale que je suis, qui a un aspect moderne.
[19:58] Alors, testez d'abord tel quel.
[20:00] Si vous revenez à la plage horaire, voici ce que nous avons.
[20:02] Si vous revenez aux utilitaires dans lesquels nous conservons certaines fonctions régulières comme l'affichage de l'heure, l'affichage de l'adresse dans un format, convertissons les données en un format de chaîne ou de nombre approprié afin que nous puissions les passer dans notre base de données.
[20:14] Nous faisons la validation.
[20:15] Donc, c'est ce que nous avons pour la validation car je ne veux conserver aucune donnée telle quelle.
[20:19] Nous devons nous concentrer sur la sécurité dans

Full Transcript (Bilingual)

https://www.youtube.com/watch?v=_1VFKR0_1Cc
Translation: fr

[00:00] Welcome back to yet another project video.
Bienvenue à une autre vidéo de projet.

[00:04] In this project, we're going to build the advanced version of Dr. AI agent booking automation workflow.
Dans ce projet, nous allons construire la version avancée du flux de travail d'automatisation des réservations d'agents Dr. AI.

[00:10] In the last project, we have seen that how the user can create how the doctor can create the widget and add their existing website.
Dans le dernier projet, nous avons vu comment l'utilisateur peut créer, comment le médecin peut créer le widget et ajouter son site web existant.

[00:19] But in this advanced project, we're going to allow them to build their website within the application and they can launch it if they don't have the website.
Mais dans ce projet avancé, nous allons leur permettre de construire leur site web au sein de l'application et ils pourront le lancer s'ils n'ont pas de site web.

[00:24] So, you will come back here.
Donc, vous reviendrez ici.

[00:26] This is what we have seen in the last video.
C'est ce que nous avons vu dans la dernière vidéo.

[00:29] So, make sure if you haven't watched this video, watch this till the end.
Alors, assurez-vous si vous n'avez pas regardé cette vidéo, regardez-la jusqu'à la fin.

[00:32] You will understand that what feature we have included.
Vous comprendrez quelle fonctionnalité nous avons incluse.

[00:35] This project is the advanced version where we are providing a website builder.
Ce projet est la version avancée où nous fournissons un constructeur de site web.

[00:38] So, if I come back to the website builder, you will find that I'm charging a small subscription fee.
Donc, si je reviens au constructeur de site web, vous constaterez que je facture des frais d'abonnement minimes.

[00:45] So, you will find that here we have the website builder page.
Donc, vous trouverez ici la page du constructeur de site web.

[00:47] If the doctor wants to launch their website, they have to take the monthly subscription.
Si le médecin veut lancer son site web, il doit souscrire à l'abonnement mensuel.

[00:51] And they have to pay one USDT.
Et ils doivent payer un USDT.

[00:54] You can set any price, but I'm charging one USDT, but you can change to five, 10, whatever you want.
Vous pouvez fixer n'importe quel prix, mais je facture un USDT, mais vous pouvez changer à cinq, 10, ce que vous voulez.

[00:59] So, what I
Alors, ce que je

[01:02] five, 10, whatever you want.
cinq, 10, ce que vous voulez.

[01:02] So, what I will do is I'll click on this pay and publish, and here it will open.
Alors, ce que je vais faire, c'est que je vais cliquer sur ce paiement et publier, et ici ça s'ouvrira.

[01:05] Let me click on this connect.
Laissez-moi cliquer sur cette connexion.

[01:08] And it's telling me to switch the network.
Et il me dit de changer de réseau.

[01:11] So, let's click on the switch to polygon.
Alors, cliquons sur le changement vers polygon.

[01:14] I've switched, and I can see my fund.
J'ai changé, et je peux voir mes fonds.

[01:14] Now, I can click on this pay.
Maintenant, je peux cliquer sur ce paiement.

[01:18] Let's click on this pay, and it's going to make a transaction, and the admin of this particular application will receive the payment.
Cliquons sur ce paiement, et cela va effectuer une transaction, et l'administrateur de cette application particulière recevra le paiement.

[01:23] So, I'll click on this confirm, and once the transaction will complete, we'll have the dashboard editor for the website which we used to launch.
Alors, je vais cliquer sur cette confirmation, et une fois que la transaction sera terminée, nous aurons l'éditeur de tableau de bord pour le site Web que nous avons utilisé pour lancer.

[01:32] So, here you can see that we have successfully completed the payment, and now we can click on this view our website, view my website.
Alors, ici vous pouvez voir que nous avons terminé le paiement avec succès, et maintenant nous pouvons cliquer sur voir notre site Web, voir mon site Web.

[01:37] The moment I will click, it will come back here, and you will find that the website edit panel is activated.
Au moment où je cliquerai, il reviendra ici, et vous constaterez que le panneau d'édition du site Web est activé.

[01:44] You can see your publish subscription is activated.
Vous pouvez voir que votre abonnement de publication est activé.

[01:46] You can copy this is the unique URL which you will get for your website, which you can share in any platform.
Vous pouvez copier ceci est l'URL unique que vous obtiendrez pour votre site Web, que vous pouvez partager sur n'importe quelle plateforme.

[01:53] So, right now you will have this dashboard.
Alors, pour l'instant, vous aurez ce tableau de bord.

[01:55] You can see the template.
Vous pouvez voir le modèle.

[01:57] You can pick that what template you want to use it.
Vous pouvez choisir quel modèle vous voulez utiliser.

[01:59] You can select that one, but this looks modern.
Vous pouvez sélectionner celui-là, mais celui-ci a l'air moderne.

[02:01] I will go with that one. And
Je vais prendre celui-là. Et

[02:02] modern. I will go with that one.
moderne. Je vais choisir celui-là.

[02:04] And from here you can edit. You can also edit the AI widget, and you can simply edit the AI widget, and you can simply preview that one.
Et d'ici vous pouvez modifier. Vous pouvez également modifier le widget IA, et vous pouvez simplement modifier le widget IA, et vous pouvez simplement prévisualiser celui-ci.

[02:06] So, let's do one thing. Let's click on this edit.
Alors, faisons une chose. Cliquons sur modifier.

[02:10] And it will take me to the edit panel, and from where I can edit the entire template.
Et cela m'emmènera au panneau d'édition, et d'où je peux modifier tout le modèle.

[02:14] So, just wait. Right now, you will find that this is how the template is going to look.
Alors, attendez juste. En ce moment, vous verrez à quoi va ressembler le modèle.

[02:19] It's looks absolutely perfect. You can add all the details.
Il a l'air absolument parfait. Vous pouvez ajouter tous les détails.

[02:23] So, right now you will find that this is the editor we have.
Alors, en ce moment, vous verrez que c'est l'éditeur que nous avons.

[02:25] Let me collapse this one.
Laissez-moi réduire celui-ci.

[02:26] This is how it's going to look.
Voici à quoi cela va ressembler.

[02:28] Looks absolutely perfect.
A l'air absolument parfait.

[02:30] So, this is all the models we have.
Alors, voici tous les modèles que nous avons.

[02:32] If you want to take a preview, you can click here, and it will take you on the next browser, and that's how it's going to look.
Si vous voulez faire un aperçu, vous pouvez cliquer ici, et cela vous emmènera sur le navigateur suivant, et c'est comme cela que cela va ressembler.

[02:37] This is how it's going to look.
Voici à quoi cela va ressembler.

[02:39] You will have all of this option.
Vous aurez toutes ces options.

[02:40] You can click here, and you can you can start booking an appointment.
Vous pouvez cliquer ici, et vous pouvez vous pouvez commencer à réserver un rendez-vous.

[02:44] You can click here, user can start booking an appointment.
Vous pouvez cliquer ici, l'utilisateur peut commencer à réserver un rendez-vous.

[02:45] If I click here, I can click on this, click on that, and let me book an appointment.
Si je clique ici, je peux cliquer sur ceci, cliquer sur cela, et laissez-moi réserver un rendez-vous.

[02:50] So, all the feature is automatically added and looks fine.
Alors, toutes les fonctionnalités sont automatiquement ajoutées et ont l'air bien.

[02:52] So, I'll select this one. Let me give this number.
Alors, je vais sélectionner celui-ci. Laissez-moi donner ce numéro.

[02:54] I can click on this review my booking, and click on this confirm.
Je peux cliquer sur ceci pour examiner ma réservation, et cliquer sur ceci pour confirmer.

[02:57] And the booking would be completed.
Et la réservation serait terminée.

[03:01] So, the booking is complete.
Alors, la réservation est complète.

[03:02] The system is working fine. Every single thing got
Le système fonctionne bien. Chaque chose a

[03:04] working fine.
Ça fonctionne.

[03:04] Every single thing got synchronized.
Tout s'est synchronisé.

[03:05] So, if I click here, if I want to chat with AI, I can do that.
Donc, si je clique ici, si je veux discuter avec l'IA, je peux le faire.

[03:07] Now, I want to do the editing in this template.
Maintenant, je veux faire l'édition dans ce modèle.

[03:10] So, I can come back here, and from here I can add the detail.
Donc, je peux revenir ici, et à partir d'ici, je peux ajouter le détail.

[03:14] For example, welcome to welcome to the blockchain coder.
Par exemple, bienvenue à bienvenue au codeur blockchain.

[03:16] So, if I say welcome to because that's the name of my clinic, I can say welcome to Dolat.
Donc, si je dis bienvenue à parce que c'est le nom de ma clinique, je peux dire bienvenue à Dolat.

[03:23] I can say welcome to Dolat Hossain.
Je peux dire bienvenue à Dolat Hossain.

[03:28] That's what I can type.
C'est ce que je peux taper.

[03:29] I can also type, and I can give my detailed description.
Je peux aussi taper, et je peux donner ma description détaillée.

[03:34] I'll say Hey, whatever you want.
Je dirai Hey, tout ce que vous voulez.

[03:35] You can add all your types.
Vous pouvez ajouter tous vos types.

[03:37] You can change the text name.
Vous pouvez changer le nom du texte.

[03:40] I'll say book book appointment.
Je dirai réserver réserver un rendez-vous.

[03:43] Dolat, you can add anything.
Dolat, vous pouvez ajouter n'importe quoi.

[03:45] You can also change the color.
Vous pouvez également changer la couleur.

[03:47] So, if you want to use a different color palette, you can simply add that one.
Donc, si vous voulez utiliser une palette de couleurs différente, vous pouvez simplement ajouter celle-ci.

[03:50] You can change.
Vous pouvez changer.

[03:54] So, let me add this one.
Alors, laissez-moi ajouter celle-ci.

[03:56] But I don't want to add it because it looks Okay, I can add it.
Mais je ne veux pas l'ajouter parce que ça ressemble à Ok, je peux l'ajouter.

[03:59] So, you can select what color palette I want to use.
Donc, vous pouvez sélectionner quelle palette de couleurs je veux utiliser.

[04:00] So, this looks a little better.
Donc, cela semble un peu mieux.

[04:02] You can adjust that color palette.
Vous pouvez ajuster cette palette de couleurs.

[04:02] And from here
Et à partir d'ici

[04:04] Adjust that color palette.
Ajustez cette palette de couleurs.

[04:04] And from here you can add your image.
Et à partir d'ici, vous pouvez ajouter votre image.

[04:06] Right now, you will find that I have this image.
Actuellement, vous constaterez que j'ai cette image.

[04:07] So, I can click here, and I can add the image.
Donc, je peux cliquer ici, et je peux ajouter l'image.

[04:09] For example, I'll go with this one.
Par exemple, je vais prendre celle-ci.

[04:12] This is the image I have.
C'est l'image que j'ai.

[04:14] I can click on this open.
Je peux cliquer sur ouvrir.

[04:17] And it's going to upload my image.
Et cela va télécharger mon image.

[04:18] Once it will be uploaded, it's going to reflect here.
Une fois qu'elle sera téléchargée, elle se reflétera ici.

[04:20] So, just wait.
Alors, attendez juste.

[04:20] It's uploaded, and that's how it's looking.
Elle est téléchargée, et voilà comment elle se présente.

[04:23] Make sure you have to have a proper image size.
Assurez-vous d'avoir une taille d'image appropriée.

[04:25] This is the circular image I have.
C'est l'image circulaire que j'ai.

[04:27] If I want to replace, I can simply replace, or I can remove it.
Si je veux remplacer, je peux simplement remplacer, ou je peux la supprimer.

[04:28] I can remove it, and it would be If I click here, I can add other images as well.
Je peux la supprimer, et ce serait si je clique ici, je peux ajouter d'autres images aussi.

[04:32] For example, this is the one I can add it.
Par exemple, c'est celle que je peux ajouter.

[04:35] So, this is the currently the project which we have launched, and that's the thumbnail I have.
Donc, c'est actuellement le projet que nous avons lancé, et c'est la miniature que j'ai.

[04:39] This is what I can add it.
C'est ce que je peux ajouter.

[04:41] So, you can add any images.
Donc, vous pouvez ajouter n'importe quelles images.

[04:43] Once you're done with all of that, you can also check the hero banner.
Une fois que vous avez terminé tout cela, vous pouvez également vérifier la bannière principale.

[04:46] So, if you want to show it or hide it, you can control it from here.
Donc, si vous voulez l'afficher ou la masquer, vous pouvez la contrôler à partir d'ici.

[04:49] I can click on this save, and this will be saved.
Je peux cliquer sur enregistrer, et cela sera enregistré.

[04:52] This hero section is saved.
Cette section principale est enregistrée.

[04:53] Now, you can go back to the next one.
Maintenant, vous pouvez revenir à la suivante.

[04:55] So, if I come back here, we have the about us section.
Donc, si je reviens ici, nous avons la section à propos de nous.

[04:57] And there you will have all the details.
Et là, vous aurez tous les détails.

[04:58] If you want to edit, you can edit that one.
Si vous voulez modifier, vous pouvez modifier celle-ci.

[05:00] About us, can say about Dolat.
À propos de nous, on peut dire à propos de Dolat.

[05:05] About us, can say about Dolat.
À propos de nous, on peut parler de Dolat.

[05:05] Dolat, you can add that one.
Dolat, vous pouvez ajouter celui-ci.

[05:06] Dolat, you can add that one.
Dolat, vous pouvez ajouter celui-ci.

[05:06] You can add your description.
Vous pouvez ajouter votre description.

[05:08] You can check your description.
Vous pouvez vérifier votre description.

[05:08] You can check the experience.
Vous pouvez vérifier l'expérience.

[05:10] That's all you can provide, experience.
C'est tout ce que vous pouvez fournir, expérience.

[05:10] That's all you can provide, and you can add all your image as well.
C'est tout ce que vous pouvez fournir, et vous pouvez ajouter toutes vos images également.

[05:12] and you can add all your image as well.
et vous pouvez ajouter toutes vos images également.

[05:14] So, you can click here, and let me add my image.
Alors, vous pouvez cliquer ici, et laissez-moi ajouter mon image.

[05:17] my image.
mon image.

[05:17] So, I'll go with this one, and you can add your image.
Alors, je vais prendre celle-ci, et vous pouvez ajouter votre image.

[05:18] you can add your image.
vous pouvez ajouter votre image.

[05:18] It's going to upload, and it's going to reflect here.
Elle va se télécharger, et elle va se refléter ici.

[05:21] upload, and it's going to reflect here.
télécharger, et elle va se refléter ici.

[05:22] So, once it will be uploaded, you will find the image is looking fine.
Alors, une fois qu'elle sera téléchargée, vous trouverez que l'image est belle.

[05:24] find the image is looking fine.
trouver que l'image est belle.

[05:24] Now, you can come back here.
Maintenant, vous pouvez revenir ici.

[05:25] You can add your certification if you have more.
Vous pouvez ajouter votre certification si vous en avez plus.

[05:27] certification if you have more.
certification si vous en avez plus.

[05:27] So, I can click here.
Alors, je peux cliquer ici.

[05:29] I'll say coders, and I can click on this save.
Je dirai codeurs, et je peux cliquer sur enregistrer.

[05:32] coders, and I can click on this save.
codeurs, et je peux cliquer sur enregistrer.

[05:32] You will find it's a coder.
Vous trouverez que c'est un codeur.

[05:34] You can add more.
Vous pouvez en ajouter plus.

[05:35] If you want, you can remove it.
Si vous voulez, vous pouvez le supprimer.

[05:37] So, if I click on this save, it will be saved.
Alors, si je clique sur enregistrer, cela sera sauvegardé.

[05:39] saved.
sauvegardé.

[05:39] If I want to update this one, let's I can say 15 years.
Si je veux mettre à jour celui-ci, disons 15 ans.

[05:41] let's I can say 15 years.
disons 15 ans.

[05:41] Click on the save, and it will be saved.
Cliquez sur enregistrer, et cela sera sauvegardé.

[05:43] save, and it will be saved.
enregistrer, et cela sera sauvegardé.

[05:45] So, the control you will have in the about us section.
Alors, le contrôle que vous aurez dans la section à propos de nous.

[05:46] about us section.
section à propos de nous.

[05:46] So, once you're done with that, now you can go back to the services section.
Alors, une fois que vous avez terminé avec cela, vous pouvez maintenant revenir à la section services.

[05:47] with that, now you can go back to the services section.
avec cela, vous pouvez maintenant revenir à la section services.

[05:49] You can also hide this one.
Vous pouvez également masquer celui-ci.

[05:51] Looks fine.
Ça a l'air bien.

[05:51] You can hide this about one.
Vous pouvez masquer cet élément à propos.

[05:53] one.
celui.

[05:53] Now, you can come back to the services.
Maintenant, vous pouvez revenir aux services.

[05:54] services.
services.

[05:54] From here you can control that what services you are providing, and
D'ici, vous pouvez contrôler quels services vous fournissez, et

[05:56] what services you are providing, and here you will have this option, use
quels services vous fournissez, et ici vous aurez cette option, utiliser

[05:58] here you will have this option, use clinic service.
ici vous aurez cette option, utiliser le service de clinique.

[05:59] clinic service.
service de clinique.

[05:59] So, whatever the clinic service I have, that's what we're going to use it.
Alors, quel que soit le service de clinique que j'ai, c'est ce que nous allons utiliser.

[06:00] service I have, that's what we're going to use it.
service que j'ai, c'est ce que nous allons utiliser.

[06:02] You can toggle this one, and it's not going to reflect, but it's
Vous pouvez basculer celui-ci, et cela ne se reflétera pas, mais cela

[06:04] it's not going to reflect, but it's going to reflect.
cela ne se reflétera pas, mais cela va se refléter.

[06:04] So, you can add this
Alors, vous pouvez ajouter ceci

[06:05] going to reflect.
va se refléter.

[06:07] So, you can add this one.
Donc, vous pouvez ajouter celui-ci.

[06:07] Now, if you come back to the one.
Maintenant, si vous revenez à celui-ci.

[06:07] Now, if you come back to the gallery, from here you can add multiple images.
Maintenant, si vous revenez à la galerie, d'ici vous pouvez ajouter plusieurs images.

[06:09] Multiple images you can add it.
Plusieurs images vous pouvez l'ajouter.

[06:12] So, as of now, it is displaying.
Donc, à partir de maintenant, il s'affiche.

[06:14] I can simply hide it, and let me find it out that right now we don't have any images, but you can add more images.
Je peux simplement le cacher, et laissez-moi trouver que pour l'instant nous n'avons pas d'images, mais vous pouvez en ajouter d'autres.

[06:19] For example, I can I can add the images.
Par exemple, je peux ajouter les images.

[06:22] Let's click on this, and I can click on this.
Cliquons sur ceci, et je peux cliquer sur ceci.

[06:24] And from here I can add multiple images which I want.
Et d'ici je peux ajouter plusieurs images que je veux.

[06:27] So, just wait.
Alors, attendez juste.

[06:27] It's adding, and it will reflect here.
Il ajoute, et cela se reflétera ici.

[06:31] So, we have the images added.
Donc, nous avons les images ajoutées.

[06:31] This is not an error.
Ce n'est pas une erreur.

[06:34] It's just a warning because we are in the development.
C'est juste un avertissement car nous sommes en développement.

[06:35] I can add one more if I want.
Je peux en ajouter une de plus si je veux.

[06:37] I can click here.
Je peux cliquer ici.

[06:38] Click on this, and I can add the images as well.
Cliquons sur ceci, et je peux ajouter les images aussi.

[06:41] So, this is the another image I have which I have added.
Donc, voici une autre image que j'ai ajoutée.

[06:45] If you want to add, you can click here, and you can add more images.
Si vous voulez ajouter, vous pouvez cliquer ici, et vous pouvez ajouter plus d'images.

[06:48] So, I can click here.
Donc, je peux cliquer ici.

[06:48] I can click on this, and I can add this image as well.
Je peux cliquer sur ceci, et je peux ajouter cette image aussi.

[06:51] So, you can add all the clinic images, and that's all it's going to reflect here.
Donc, vous pouvez ajouter toutes les images de la clinique, et c'est tout ce qui va se refléter ici.

[06:54] So, this is my images when I was ripped,
Donc, voici mes images quand j'étais déchiré,

[06:58] and I'm trying to get more ripped.
et j'essaie de devenir plus déchiré.

[07:00] So, now this is our services.
Donc, maintenant voici nos services.

[07:02] You can come back here, and you can simply define all of that.
Vous pouvez revenir ici, et vous pouvez simplement définir tout cela.

[07:03] So, this is how you can add it.
Donc, c'est ainsi que vous pouvez l'ajouter.

[07:05] So, once you add all the images, make
Donc, une fois que vous avez ajouté toutes les images, faites

[07:07] So, once you add all the images, make sure to click on this save, and the data would be saved in our database.
Donc, une fois que vous avez ajouté toutes les images, assurez-vous de cliquer sur Enregistrer, et les données seront enregistrées dans notre base de données.

[07:11] So, once you have added, looks fine.
Donc, une fois que vous avez ajouté, cela semble correct.

[07:13] Now, you can come back to the contact, and there you will have this option.
Maintenant, vous pouvez revenir au contact, et là vous aurez cette option.

[07:16] So, if you want, you can control the contact section.
Donc, si vous voulez, vous pouvez contrôler la section contact.

[07:17] You can say contact, get in touch me or Dolat.
Vous pouvez dire contact, contactez-moi ou Dolat.

[07:19] You can add that one.
Vous pouvez ajouter celui-ci.

[07:23] You can provide the address, number, clinic.
Vous pouvez fournir l'adresse, le numéro, la clinique.

[07:25] You can select the timing, and you can also add a Google Map URL, so user can redirect there.
Vous pouvez sélectionner l'heure, et vous pouvez également ajouter une URL Google Maps, afin que l'utilisateur puisse y être redirigé.

[07:32] Now, if you come back to the call to action, this is what we have.
Maintenant, si vous revenez à l'appel à l'action, voici ce que nous avons.

[07:33] So, we get ready, and you can also hide this, and you can also open this one.
Donc, nous nous préparons, et vous pouvez également masquer ceci, et vous pouvez également ouvrir ceci.

[07:37] So, this is our call to action.
Donc, c'est notre appel à l'action.

[07:41] Once you're done, you can simply click on the save, and it is saved.
Une fois que vous avez terminé, vous pouvez simplement cliquer sur Enregistrer, et c'est enregistré.

[07:44] Once it's saved, now you can able to have the preview.
Une fois enregistré, vous pouvez maintenant avoir un aperçu.

[07:46] You can click on this.
Vous pouvez cliquer dessus.

[07:48] It will take me you on the new browser.
Cela m'ouvrira dans un nouveau navigateur.

[07:49] So, our application is live.
Donc, notre application est en ligne.

[07:51] Every single data, every single thing is live which you can able to control.
Chaque donnée, chaque chose est en direct, ce que vous pouvez contrôler.

[07:53] User can click here.
L'utilisateur peut cliquer ici.

[07:55] They can click on this, and they can book an appointment.
Ils peuvent cliquer dessus, et ils peuvent réserver un rendez-vous.

[07:56] They can chat, and they can have the conversation, and they can simply book an appointment.
Ils peuvent discuter, et ils peuvent avoir la conversation, et ils peuvent simplement réserver un rendez-vous.

[08:00] So, I can select this one, select this, give my number, and I can confirm my booking.
Donc, je peux sélectionner celui-ci, sélectionner ceci, donner mon numéro, et je peux confirmer ma réservation.

[08:09] I can confirm my booking.
Je peux confirmer ma réservation.

[08:11] I can also confirm my booking with the chat model.
Je peux aussi confirmer ma réservation avec le modèle de chat.

[08:12] So, I can click here, come back here, and I say book appointment.
Donc, je peux cliquer ici, revenir ici, et dire réserver un rendez-vous.

[08:15] Book appointment, hit enter.
Réserver un rendez-vous, appuyez sur Entrée.

[08:20] And it will ask you a couple of question.
Et il vous posera quelques questions.

[08:22] So, that's what you have to give the answer.
Donc, c'est ce que vous devez donner comme réponse.

[08:24] So, it's going to communicate with our database, and it will ask you this.
Donc, il va communiquer avec notre base de données, et il vous demandera ceci.

[08:27] So, let me quickly copy this one.
Alors, laissez-moi copier rapidement celui-ci.

[08:29] This is what I want, and let me give my name.
C'est ce que je veux, et laissez-moi donner mon nom.

[08:31] I'll say name.
Je dirai nom.

[08:34] I'm just providing this in advance because this is what it's going to ask because we need this one.
Je fournis ceci à l'avance car c'est ce qu'il va demander car nous avons besoin de celui-ci.

[08:37] So, I'm just giving it advance.
Donc, je lui donne juste une avance.

[08:40] So, it's going to process it.
Donc, il va le traiter.

[08:42] Otherwise, it's going to ask me one question at a time, and I have to simply respond it.
Sinon, il me posera une question à la fois, et je devrai simplement y répondre.

[08:45] So, we'll see it has all the data.
Alors, nous verrons qu'il a toutes les données.

[08:46] Now, it's asking me for the date.
Maintenant, il me demande la date.

[08:47] I will go with 20 nine, and hit enter.
Je choisirai 20 neuf, et j'appuierai sur Entrée.

[08:51] Now, it will ask me for the time because there are certain questions which I have set which we need to book an appointment.
Maintenant, il me demandera l'heure car il y a certaines questions que j'ai définies et que nous devons réserver un rendez-vous.

[08:55] So, I'll go with the morning slot.
Alors, j'opterai pour le créneau du matin.

[08:56] I'll give one.
Je donnerai un.

[08:58] And just wait.
Et attendez juste.

[09:01] Once the appointment will booked, our application would be live.
Une fois le rendez-vous réservé, notre application sera en ligne.

[09:03] So, finally, the appointment is booked because we have provided all these details, number and all.
Donc, finalement, le rendez-vous est réservé car nous avons fourni tous ces détails, numéro et tout.

[09:06] And please confirm.
Et veuillez confirmer.

[09:08] Okay, yes.
D'accord, oui.

[09:10] Confirm. Okay, yes. I'll say yes, and hit enter.
Confirmer. D'accord, oui. Je vais dire oui, et appuyer sur Entrée.

[09:13] I'll say yes, and hit enter.
Je vais dire oui, et appuyer sur Entrée.

[09:14] And it's going to simply book an appointment, and you will get the appointment in your dashboard.
Et cela va simplement réserver un rendez-vous, et vous obtiendrez le rendez-vous dans votre tableau de bord.

[09:15] appointment, and you will get the appointment in your dashboard.
rendez-vous, et vous obtiendrez le rendez-vous dans votre tableau de bord.

[09:19] So, just wait. You will get the confirmation, and your appointment is booked, and I got the email as well.
Alors, attendez juste. Vous obtiendrez la confirmation, et votre rendez-vous est réservé, et j'ai aussi reçu l'e-mail.

[09:20] So, just wait. You will get the confirmation, and your appointment is booked, and I got the email as well.
Alors, attendez juste. Vous obtiendrez la confirmation, et votre rendez-vous est réservé, et j'ai aussi reçu l'e-mail.

[09:21] confirmation, and your appointment is booked, and I got the email as well.
confirmation, et votre rendez-vous est réservé, et j'ai aussi reçu l'e-mail.

[09:23] booked, and I got the email as well. So, if you come back here in the dashboard, your application is live.
réservé, et j'ai aussi reçu l'e-mail. Alors, si vous revenez ici dans le tableau de bord, votre application est en ligne.

[09:25] if you come back here in the dashboard, your application is live.
si vous revenez ici dans le tableau de bord, votre application est en ligne.

[09:27] your application is live. If you go back here in the home section, in the dashboard section, there you will find the recent appointment you have got.
votre application est en ligne. Si vous revenez ici dans la section d'accueil, dans la section du tableau de bord, vous y trouverez le rendez-vous récent que vous avez obtenu.

[09:29] here in the home section, in the dashboard section, there you will find the recent appointment you have got.
ici dans la section d'accueil, dans la section du tableau de bord, vous y trouverez le rendez-vous récent que vous avez obtenu.

[09:31] dashboard section, there you will find the recent appointment you have got. All the appointment if you go back to the appointment section, let me expand this one.
section du tableau de bord, vous y trouverez le rendez-vous récent que vous avez obtenu. Tous les rendez-vous si vous revenez à la section des rendez-vous, laissez-moi agrandir celui-ci.

[09:33] the recent appointment you have got. All the appointment if you go back to the appointment section, let me expand this one.
le rendez-vous récent que vous avez obtenu. Tous les rendez-vous si vous revenez à la section des rendez-vous, laissez-moi agrandir celui-ci.

[09:34] the appointment if you go back to the appointment section, let me expand this one.
les rendez-vous si vous revenez à la section des rendez-vous, laissez-moi agrandir celui-ci.

[09:36] one. So, this is the appointment sections. And there you will find all the appointment which you have got.
celui-ci. Alors, ce sont les sections de rendez-vous. Et là, vous trouverez tous les rendez-vous que vous avez obtenus.

[09:37] one. So, this is the appointment sections. And there you will find all the appointment which you have got.
celui-ci. Alors, ce sont les sections de rendez-vous. Et là, vous trouverez tous les rendez-vous que vous avez obtenus.

[09:39] sections. And there you will find all the appointment which you have got.
sections. Et là, vous trouverez tous les rendez-vous que vous avez obtenus.

[09:41] the appointment which you have got. So, we have got the book for 29. That's what we have.
les rendez-vous que vous avez obtenus. Alors, nous avons réservé pour le 29. C'est ce que nous avons.

[09:43] we have got the book for 29. That's what we have.
nous avons réservé pour le 29. C'est ce que nous avons.

[09:44] we have. If you come back to the calendar, there you can able to find the appointments.
nous avons. Si vous revenez au calendrier, vous pourrez y trouver les rendez-vous.

[09:47] calendar, there you can able to find the appointments. You can simply expand this one for a week.
calendrier, vous pourrez y trouver les rendez-vous. Vous pouvez simplement agrandir celui-ci pour une semaine.

[09:48] appointments. You can simply expand this one for a week.
rendez-vous. Vous pouvez simplement agrandir celui-ci pour une semaine.

[09:50] one for a week. You can expand with for a day.
celui-ci pour une semaine. Vous pouvez agrandir pour une journée.

[09:53] a day. So, right now today we have these two appointments. You can click and you can open it up.
une journée. Alors, en ce moment, aujourd'hui, nous avons ces deux rendez-vous. Vous pouvez cliquer et vous pouvez l'ouvrir.

[09:54] two appointments. You can click and you can open it up.
deux rendez-vous. Vous pouvez cliquer et vous pouvez l'ouvrir.

[09:56] can open it up. If If go with month, this is what we have.
l'ouvrir. Si je passe au mois, voici ce que nous avons.

[09:58] this is what we have. So, today on 29 we have three appointments. Again, you can see you can mark it complete and you can simply hide it.
ce que nous avons. Alors, aujourd'hui le 29, nous avons trois rendez-vous. Encore une fois, vous pouvez voir que vous pouvez le marquer comme terminé et vous pouvez simplement le masquer.

[10:00] have three appointments. Again, you can see you can mark it complete and you can simply hide it.
trois rendez-vous. Encore une fois, vous pouvez voir que vous pouvez le marquer comme terminé et vous pouvez simplement le masquer.

[10:02] see you can mark it complete and you can simply hide it.
voir que vous pouvez le marquer comme terminé et vous pouvez simplement le masquer.

[10:04] simply hide it. So, that's a really powerful project we have.
le masquer. Alors, c'est un projet vraiment puissant que nous avons.

[10:07] So, that's a really powerful project we have. This one is the advanced version which has the website builder as well.
Alors, c'est un projet vraiment puissant que nous avons. Celui-ci est la version avancée qui a également le constructeur de site web.

[10:09] have. This one is the advanced version which has the website builder as well.
avons. Celui-ci est la version avancée qui a également le constructeur de site web.

[10:11] which has the website builder as well.
qui a également le constructeur de sites Web.

[10:12] So, those who don't have the website they can simply come and they can simply design their template and they can launch it.
Donc, ceux qui n'ont pas de site Web peuvent simplement venir et concevoir leur modèle et le lancer.

[10:18] If you come back to the AI settings, from here you can control the entire thing.
Si vous revenez aux paramètres de l'IA, d'ici vous pouvez contrôler l'ensemble.

[10:22] So, if you already have your website, you can simply copy this widget and you can inject.
Donc, si vous avez déjà votre site Web, vous pouvez simplement copier ce widget et l'injecter.

[10:27] So, this is the advanced feature we have included in our project.
C'est donc la fonctionnalité avancée que nous avons incluse dans notre projet.

[10:30] This is in our Doctor AI SaaS booking workflow.
Ceci est dans notre flux de travail de réservation Doctor AI SaaS.

[10:35] So, I would highly encourage you to watch this one.
Donc, je vous encourage vivement à regarder celui-ci.

[10:37] In this we don't have the website builder, but this project is the advanced one.
Dans celui-ci, nous n'avons pas le constructeur de site Web, mais ce projet est le plus avancé.

[10:42] This project is an advanced one in which we have the website builder.
Ce projet est un projet avancé dans lequel nous avons le constructeur de site Web.

[10:46] So, I hope you have understood that what are the feature and functionality we have included.
Donc, j'espère que vous avez compris quelles sont les fonctionnalités et les fonctions que nous avons incluses.

[10:49] And the rest of the feature is going to be as it is which we have discussed in this project.
Et le reste de la fonctionnalité sera tel quel, comme nous en avons discuté dans ce projet.

[10:54] Now, let me show you that how you can do all the setups once you will get this particular final source code and how you can get all the resources which you need to develop this project and launch it straight away.
Maintenant, laissez-moi vous montrer comment vous pouvez faire toutes les configurations une fois que vous aurez obtenu ce code source final particulier et comment vous pouvez obtenir toutes les ressources dont vous avez besoin pour développer ce projet et le lancer immédiatement.

[11:03] To get the complete assets and the final source code, you can come back to the blockchain coder.
Pour obtenir les actifs complets et le code source final, vous pouvez revenir au codeur blockchain.

[11:06] So, simply open a new tab, type the blockchain coder and you will come back here and here you will
Donc, ouvrez simplement un nouvel onglet, tapez le codeur blockchain et vous reviendrez ici et ici vous allez

[11:11] will come back here and here you will find all the project we have developed.
reviendra ici et ici vous trouverez tous les projets que nous avons développés.

[11:13] find all the project we have developed. So, make sure to log in and create your account.
trouver tous les projets que nous avons développés. Alors, assurez-vous de vous connecter et de créer votre compte.

[11:15] So, make sure to log in and create your account. You can come back here, click on the source code once we log in or you can also come back here and you can also click on this source code.
Alors, assurez-vous de vous connecter et de créer votre compte. Vous pouvez revenir ici, cliquer sur le code source une fois que nous nous connectons ou vous pouvez également revenir ici et vous pouvez également cliquer sur ce code source.

[11:16] account. You can come back here, click on the source code once we log in or you can also come back here and you can also click on this source code.
compte. Vous pouvez revenir ici, cliquer sur le code source une fois que nous nous connectons ou vous pouvez également revenir ici et vous pouvez également cliquer sur ce code source.

[11:18] on the source code once we log in or you can also come back here and you can also click on this source code.
sur le code source une fois que nous nous connectons ou vous pouvez également revenir ici et vous pouvez également cliquer sur ce code source.

[11:20] can also come back here and you can also click on this source code. Once you will click, you will come back here and here you will find all the project we have developed.
pouvez également revenir ici et vous pouvez également cliquer sur ce code source. Une fois que vous cliquerez, vous reviendrez ici et ici vous trouverez tous les projets que nous avons développés.

[11:21] click on this source code. Once you will click, you will come back here and here you will find all the project we have developed.
cliquer sur ce code source. Une fois que vous cliquerez, vous reviendrez ici et ici vous trouverez tous les projets que nous avons développés.

[11:23] click, you will come back here and here you will find all the project we have developed.
cliquer, vous reviendrez ici et ici vous trouverez tous les projets que nous avons développés.

[11:24] you will find all the project we have developed. So, make sure to click on this, click on this recent project and this is what you have.
vous trouverez tous les projets que nous avons développés. Alors, assurez-vous de cliquer sur ceci, de cliquer sur ce projet récent et c'est ce que vous avez.

[11:26] developed. So, make sure to click on this, click on this recent project and this is what you have.
développés. Alors, assurez-vous de cliquer sur ceci, de cliquer sur ce projet récent et c'est ce que vous avez.

[11:28] this, click on this recent project and this is what you have. Click on this and here you will find all the startup file and include the final source code.
ceci, cliquez sur ce projet récent et c'est ce que vous avez. Cliquez sur ceci et ici vous trouverez tous les fichiers de démarrage et incluez le code source final.

[11:30] this is what you have. Click on this and here you will find all the startup file and include the final source code.
c'est ce que vous avez. Cliquez sur ceci et ici vous trouverez tous les fichiers de démarrage et incluez le code source final.

[11:31] here you will find all the startup file and include the final source code. So, make sure to click here and you will come back here and here you will find the complete architecture we have designed for this particular project.
ici vous trouverez tous les fichiers de démarrage et incluez le code source final. Alors, assurez-vous de cliquer ici et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.

[11:33] and include the final source code. So, make sure to click here and you will come back here and here you will find the complete architecture we have designed for this particular project.
et incluez le code source final. Alors, assurez-vous de cliquer ici et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.

[11:34] make sure to click here and you will come back here and here you will find the complete architecture we have designed for this particular project.
assurez-vous de cliquer ici et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.

[11:35] and you will come back here and here you will find the complete architecture we have designed for this particular project.
et vous reviendrez ici et ici vous trouverez l'architecture complète que nous avons conçue pour ce projet particulier.

[11:37] will find the complete architecture we have designed for this particular project. So, make sure to clone this one and save in your system.
trouverez l'architecture complète que nous avons conçue pour ce projet particulier. Alors, assurez-vous de cloner celui-ci et de l'enregistrer dans votre système.

[11:38] have designed for this particular project. So, make sure to clone this one and save in your system.
avons conçu pour ce projet particulier. Alors, assurez-vous de cloner celui-ci et de l'enregistrer dans votre système.

[11:40] project. So, make sure to clone this one and save in your system. So, when the complete project will come, we want to start building straight away.
projet. Alors, assurez-vous de cloner celui-ci et de l'enregistrer dans votre système. Alors, quand le projet complet arrivera, nous voulons commencer à construire tout de suite.

[11:41] and save in your system. So, when the complete project will come, we want to start building straight away.
et de l'enregistrer dans votre système. Alors, quand le projet complet arrivera, nous voulons commencer à construire tout de suite.

[11:43] complete project will come, we want to start building straight away. Now, we can come back here and let me show you how you can do the final source code of this advanced version.
projet complet arrivera, nous voulons commencer à construire tout de suite. Maintenant, nous pouvons revenir ici et laissez-moi vous montrer comment vous pouvez faire le code source final de cette version avancée.

[11:44] start building straight away. Now, we can come back here and let me show you how you can do the final source code of this advanced version.
commencer à construire tout de suite. Maintenant, nous pouvons revenir ici et laissez-moi vous montrer comment vous pouvez faire le code source final de cette version avancée.

[11:46] can come back here and let me show you how you can do the final source code of this advanced version. Make sure to come back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this.
pouvons revenir ici et laissez-moi vous montrer comment vous pouvez faire le code source final de cette version avancée. Assurez-vous de revenir ici et d'obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci.

[11:48] how you can do the final source code of this advanced version. Make sure to come back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this.
comment vous pouvez faire le code source final de cette version avancée. Assurez-vous de revenir ici et d'obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci.

[11:49] this advanced version. Make sure to come back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this.
cette version avancée. Assurez-vous de revenir ici et d'obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci.

[11:51] back here and get the final source code and you will give your valuable contribution to my team to bring more free project like this. So, let me quickly download this one.
revenir ici et obtenir le code source final et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci.

[11:52] and you will give your valuable contribution to my team to bring more free project like this. So, let me quickly download this one.
et vous apporterez votre précieuse contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci.

[11:54] contribution to my team to bring more free project like this. So, let me quickly download this one. To download the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
contribution à mon équipe pour apporter plus de projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci. Pour télécharger le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.

[11:55] free project like this. So, let me quickly download this one. To download the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
projets gratuits comme celui-ci. Alors, laissez-moi télécharger rapidement celui-ci. Pour télécharger le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.

[11:57] quickly download this one. To download the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
télécharger rapidement celui-ci. Pour télécharger le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.

[11:58] the final source code, you will get the zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
le code source final, vous obtiendrez le fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.

[12:00] zip file and when you will extract that, you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
fichier zip et lorsque vous l'extrairez, vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.

[12:02] you will get this folder in which you will have the complete source code of the project with all the feature which you have seen in the demo.
vous obtiendrez ce dossier dans lequel vous aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo.

[12:04] will have the complete source code of the project with all the feature which you have seen in the demo. So, make sure to install a zip extractor. I'm using Mac, so I will double click on this and
aurez le code source complet du projet avec toutes les fonctionnalités que vous avez vues dans la démo. Alors, assurez-vous d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et

[12:06] the project with all the feature which you have seen in the demo. So, make sure to install a zip extractor. I'm using Mac, so I will double click on this and
le projet avec toutes les fonctionnalités que vous avez vues dans la démo. Alors, assurez-vous d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et

[12:08] you have seen in the demo. So, make sure to install a zip extractor. I'm using Mac, so I will double click on this and
vous avez vues dans la démo. Alors, assurez-vous d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et

[12:10] to install a zip extractor. I'm using Mac, so I will double click on this and
d'installer un extracteur zip. J'utilise un Mac, donc je vais double-cliquer dessus et

[12:12] Mac, so I will double click on this and it's going to give me this folder, but
Mac, donc je vais double-cliquer dessus et cela va me donner ce dossier, mais

[12:13] it's going to give me this folder, but if you are using Linux, Windows, make
cela va me donner ce dossier, mais si vous utilisez Linux, Windows, assurez-vous

[12:15] sure to install a zip extractor.
d'installer un extracteur zip.

[12:17] And this is the folder you have to open in
Et c'est le dossier que vous devez ouvrir dans

[12:18] this is the folder you have to open in your VS code.
ceci est le dossier que vous devez ouvrir dans votre VS code.

[12:21] I'll click on my VS code.
Je vais cliquer sur mon VS code.

[12:22] Right now, we have this empty repository.
Actuellement, nous avons ce dépôt vide.

[12:25] Let me zoom a bit.
Laissez-moi zoomer un peu.

[12:27] Let me click on this open, go back to desktop and I will select the folder we have
Laissez-moi cliquer sur ouvrir, revenir au bureau et je vais sélectionner le dossier que nous avons

[12:28] extracted.
extrait.

[12:31] This one.
Celui-ci.

[12:34] Management SaaS.
Gestion SaaS.

[12:36] Open.
Ouvrir.

[12:37] And let's close this.
Et fermons ceci.

[12:39] Let's make on the full screen.
Mettons en plein écran.

[12:41] And now, let me give you a complete walk through of the entire architecture.
Et maintenant, laissez-moi vous donner une présentation complète de toute l'architecture.

[12:42] This one is very important because
Celle-ci est très importante car

[12:44] if you follow this video till the end,
si vous suivez cette vidéo jusqu'à la fin,

[12:46] you can able to do the complete setup as your own.
vous pourrez effectuer la configuration complète par vous-même.

[12:47] I'll tell you every single feature how you can customize, how you
Je vais vous expliquer chaque fonctionnalité, comment vous pouvez personnaliser, comment vous

[12:49] can do the setup and how you can run in your system.
pouvez effectuer la configuration et comment vous pouvez exécuter sur votre système.

[12:50] So, the very first folder you will find
Donc, le tout premier dossier que vous trouverez

[12:52] is the action in which you will find the common action we are providing to the
est l'action dans laquelle vous trouverez l'action commune que nous fournissons au

[12:54] doctor, to the clinic management to perform action and control their
médecin, à la gestion de la clinique pour effectuer des actions et contrôler leurs

[12:57] patient.
patients.

[12:58] So, we have the appointment section, we have the clinic, we have the
Donc, nous avons la section rendez-vous, nous avons la clinique, nous avons le

[13:00] patient, we have the service and we have
patient, nous avons le service et nous avons

[13:02] the settings where you can set up the
les paramètres où vous pouvez configurer la

[13:04] clinic, the services which you want to
clinique, les services que vous souhaitez

[13:06] provide.
fournir.

[13:09] So, don't you make any changes.
Donc, ne faites aucun changement.

[13:10] Every single thing is dynamic.
Chaque chose est dynamique.

[13:11] Every
Chaque

[13:13] Every single thing is dynamic.
Tout est dynamique.

[13:13] Every single thing is dynamic.
Tout est dynamique.

[13:15] Just keep it as single thing is dynamic.
Gardez-le simplement comme une seule chose dynamique.

[13:15] Just keep it as it is.
Gardez-le tel quel.

[13:17] So, that's what you will have in it is.
Donc, c'est ce que vous aurez dedans.

[13:17] So, that's what you will have in the action.
Donc, c'est ce que vous aurez dans l'action.

[13:18] Close this one, come back to the app in
Fermez celui-ci, revenez à l'application dans

[13:20] which you will find the entire pages,
dans laquelle vous trouverez toutes les pages,

[13:22] entire back end, front end, that's all
backend entier, frontend, c'est tout

[13:24] you will find.
vous trouverez.

[13:24] So, the very first one we
Donc, le tout premier que nous

[13:26] have is the app in which you will find
avons est l'application dans laquelle vous trouverez

[13:28] this app in which you will find all the
cette application dans laquelle vous trouverez toutes les

[13:30] pages we have in our application.
pages que nous avons dans notre application.

[13:30] We have the AI settings, we have the
Nous avons les paramètres IA, nous avons la

[13:32] appointment page, we have the billing
page de rendez-vous, nous avons la page de facturation

[13:35] page, we have the
page, nous avons la

[13:37] appointment page, we have the billing page, we have the
page de rendez-vous, nous avons la page de facturation, nous avons la

[13:38] page, we have the calendar page, we have the dashboard
page, nous avons la page calendrier, nous avons la page tableau de bord

[13:40] page, we have the patient page and we
page, nous avons la page patient et nous

[13:43] have the profile page where you can see
avons la page de profil où vous pouvez voir

[13:45] all the details which you have provided
tous les détails que vous avez fournis

[13:47] and we have the services, we have the
et nous avons les services, nous avons les

[13:49] settings.
paramètres.

[13:49] That's all you will find.
C'est tout ce que vous trouverez.

[13:51] And this is the main page going to handle
Et c'est la page principale qui va gérer

[13:53] all the pages inside the and we have the
toutes les pages à l'intérieur et nous avons le

[13:55] layout, the main structure of our entire
layout, la structure principale de notre

[13:57] application.
application.

[13:57] So, just keep it as it is.
Donc, gardez-le tel quel.

[13:59] You can see I'm getting this red warning
Vous pouvez voir que je reçois cet avertissement rouge

[14:01] because I have a different configuration
parce que j'ai une configuration différente

[14:02] in my video.
dans ma vidéo.

[14:02] So, it's not an error.
Donc, ce n'est pas une erreur.

[14:05] Close this one.
Fermez celui-ci.

[14:05] Close this one.
Fermez celui-ci.

[14:07] That's all you will find, all the pages you
C'est tout ce que vous trouverez, toutes les pages que vous

[14:08] will find in this [clears throat] pages.
trouverez dans ces pages [s'éclaircit la gorge].

[14:10] So, if you want to do any editing in the
Donc, si vous voulez faire une édition dans

[14:12] appointment, you can click here and the
rendez-vous, vous pouvez cliquer ici et le

[14:14] Appointment, you can click here and the rest of the thing you can keep it as it is.
Rendez-vous, vous pouvez cliquer ici et le reste de la chose vous pouvez la laisser telle quelle.

[14:18] The only thing you can change is the white text.
La seule chose que vous pouvez changer est le texte blanc.

[14:20] So, right now we don't have any white text right up here.
Donc, pour l'instant, nous n'avons pas de texte blanc ici.

[14:22] So, just keep it as it is.
Donc, laissez-le tel quel.

[14:24] You can only change these portion, this white text.
Vous ne pouvez changer que cette partie, ce texte blanc.

[14:26] But the rest of the thing is 100% dynamic based on your account, based on your services which you are providing.
Mais le reste de la chose est 100% dynamique en fonction de votre compte, en fonction de vos services que vous fournissez.

[14:31] So, let's close this one.
Alors, fermons celui-ci.

[14:33] That's what we have in the app.
C'est ce que nous avons dans l'application.

[14:35] This is the layout we have seen.
C'est la disposition que nous avons vue.

[14:38] Close this one.
Fermez celui-ci.

[14:39] Close this one. Come back to the authentication.
Fermez celui-ci. Revenons à l'authentification.

[14:40] So, we are providing login.
Donc, nous fournissons la connexion.

[14:43] So, this is the login page we have for the user those who have already account, they can simply log in and we have the sign up which they can use to sign up and create their clinic.
Donc, c'est la page de connexion que nous avons pour l'utilisateur, ceux qui ont déjà un compte, ils peuvent simplement se connecter et nous avons l'inscription qu'ils peuvent utiliser pour s'inscrire et créer leur clinique.

[14:51] And we have the live layout for the sign up and login condition page.
Et nous avons la disposition en direct pour la page de condition d'inscription et de connexion.

[14:53] Close this one.
Fermez celui-ci.

[14:56] Close this one. Come back to the API and there we are making all the call to our back end for storing the data.
Fermez celui-ci. Revenons à l'API et là nous faisons tous les appels à notre backend pour stocker les données.

[14:59] So, if you come back to the appointment, there you will find all the details about the appointment back end because our AI going to communicate and book the appointment or we can also schedule it.
Donc, si vous revenez au rendez-vous, vous y trouverez tous les détails sur le backend du rendez-vous car notre IA va communiquer et réserver le rendez-vous ou nous pouvons également le planifier.

[15:07] So, it can also book an appointment and allow the website integration.
Donc, il peut également réserver un rendez-vous et permettre l'intégration du site Web.

[15:14] So, that's what you will find.
Donc, c'est ce que vous trouverez.

[15:14] Close this
Fermez ceci

[15:15] That's what you will find.
C'est ce que vous trouverez.

[15:15] Close this one.
Fermez celui-ci.

[15:15] Close this one.
Fermez celui-ci.

[15:17] Come back to the one.
Revenez à celui-ci.

[15:17] Close this one.
Fermez celui-ci.

[15:17] Come back to the auth and this is the router we have for auth and this is the router we have for authentication.
Revenez à l'authentification et c'est le routeur que nous avons pour l'authentification.

[15:20] Keep it as it is.
Laissez-le tel quel.

[15:20] We have the widget.
Nous avons le widget.

[15:23] So, this is the chat model we are providing to our users so they can simply take this code and simply add in your website and they will have this model live where the user can chat and book the appointment and you will have in your dashboard where from where you can manage all of that.
Donc, c'est le modèle de chat que nous fournissons à nos utilisateurs afin qu'ils puissent simplement prendre ce code et l'ajouter à votre site Web et ils auront ce modèle en direct où l'utilisateur peut discuter et réserver le rendez-vous et vous aurez dans votre tableau de bord où vous pouvez gérer tout cela.

[15:35] So, don't touch anything.
Alors, ne touchez à rien.

[15:35] Just keep it as it is.
Laissez-le simplement tel quel.

[15:36] Click on this onboarding.
Cliquez sur cet onboarding.

[15:38] In this you will find that this is the onboarding page where user will provide all the details.
Dans celui-ci, vous trouverez que c'est la page d'accueil où l'utilisateur fournira tous les détails.

[15:42] You can see this is the predefined time zone we are providing, but if you want to build for your country, you can define the region, you can define the benefits you want to provide.
Vous pouvez voir que c'est le fuseau horaire prédéfini que nous fournissons, mais si vous voulez construire pour votre pays, vous pouvez définir la région, vous pouvez définir les avantages que vous voulez fournir.

[15:51] These texts you can edit.
Ces textes peuvent être modifiés.

[15:53] Close this one.
Fermez celui-ci.

[15:53] Close this one.
Fermez celui-ci.

[15:56] Come back here and here you can able to control the price.
Revenez ici et ici, vous pourrez contrôler le prix.

[15:58] So, this is the details the plan I'm deriving, but you can add your own plan based on your country, based on the service and based on the money you want to charge.
Donc, ce sont les détails du plan que je dérive, mais vous pouvez ajouter votre propre plan en fonction de votre pays, en fonction du service et en fonction de l'argent que vous souhaitez facturer.

[16:05] So, there you will find all the plan and it's going to simply render it here.
Donc, là, vous trouverez tout le plan et il sera simplement rendu ici.

[16:09] Close this one.
Fermez celui-ci.

[16:09] Close this one.
Fermez celui-ci.

[16:11] Come back to the widget and we have the layout.
Revenez au widget et nous avons la mise en page.

[16:13] So, what will happen when the
Alors, que se passera-t-il lorsque

[16:17] Layout. So, what will happen when the user will try to preview the widgets?
Disposition. Alors, que se passera-t-il lorsque l'utilisateur essaiera d'afficher un aperçu des widgets ?

[16:20] For example, I have created a clinic and I want to preview that.
Par exemple, j'ai créé une clinique et je veux en avoir un aperçu.

[16:23] So, this is what we going to provide to the admin, means the doctors so they can simply preview and test the services they have added.
Donc, c'est ce que nous allons fournir à l'administrateur, c'est-à-dire aux médecins afin qu'ils puissent simplement prévisualiser et tester les services qu'ils ont ajoutés.

[16:31] So, this is what we have in the widget.
Donc, c'est ce que nous avons dans le widget.

[16:32] Come back here in the global CSS.
Revenons ici dans le CSS global.

[16:34] This one is dynamic.
Celui-ci est dynamique.

[16:34] You can also control the entire color and the branding from here.
Vous pouvez également contrôler la couleur entière et la marque à partir d'ici.

[16:38] But as of now, I'll tell you first test every single thing.
Mais pour l'instant, je vais vous dire de tester d'abord chaque chose.

[16:39] After that do all the experiment and modification.
Après cela, faites toutes les expériences et modifications.

[16:43] Come back to the layout.
Revenons à la disposition.

[16:45] This is the global layout we have for the pages.
C'est la disposition globale que nous avons pour les pages.

[16:46] Keep it as it is.
Laissez-le tel quel.

[16:46] You will find the title and the description and the keyword we have provided.
Vous trouverez le titre, la description et le mot-clé que nous avons fournis.

[16:50] This one is metadata for our SEO optimization.
Ceci est une métadonnée pour notre optimisation SEO.

[16:53] If you come back to the pages, there you will find that this is the main page we have,
Si vous revenez aux pages, vous y trouverez que c'est la page principale que nous avons,

[16:57] the home page.
la page d'accueil.

[16:59] There we have added all the details.
Là, nous avons ajouté tous les détails.

[17:01] So, if you want to do any editing,
Donc, si vous voulez faire des modifications,

[17:03] you can come back here and you can simply provide the details like sign up free tier and you will find this other details, the white text.
vous pouvez revenir ici et fournir simplement les détails comme le niveau gratuit d'inscription et vous trouverez ces autres détails, le texte blanc.

[17:10] Here we have the description so you can simply provide your description based on the service you want to provide.
Ici, nous avons la description, vous pouvez donc simplement fournir votre description en fonction du service que vous souhaitez proposer.

[17:15] And you will find that here we have taken an error where we are providing what are
Et vous constaterez qu'ici nous avons commis une erreur où nous fournissons ce qui est

[17:18] error where we are providing what are the feature user will get.
erreur où nous fournissons quelles sont les fonctionnalités que l'utilisateur obtiendra.

[17:19] So, you can the feature user will get.
Donc, vous pouvez les fonctionnalités que l'utilisateur obtiendra.

[17:20] So, you can also have a control and you can add your own text.
Donc, vous pouvez également avoir un contrôle et vous pouvez ajouter votre propre texte.

[17:22] So, just keep it as it is. Don't make any changes.
Donc, laissez-le tel quel. Ne faites aucun changement.

[17:24] Every single thing is dynamic.
Chaque chose est dynamique.

[17:25] So, all the data we have added, that's what we have to provide in the industry.
Donc, toutes les données que nous avons ajoutées, c'est ce que nous devons fournir dans l'industrie.

[17:27] So, let's close this one.
Alors, fermons celui-ci.

[17:28] And that's what you will have inside this app in the component.
Et c'est ce que vous aurez à l'intérieur de cette application dans le composant.

[17:32] You will find that we have multiple component.
Vous constaterez que nous avons plusieurs composants.

[17:33] We call this appointment.
Nous appelons cela rendez-vous.

[17:35] So, this is the appointment component which going to open and user will book.
Donc, c'est le composant de rendez-vous qui va s'ouvrir et que l'utilisateur réservera.

[17:37] If you come back to the dashboard, this is the dashboard card components.
Si vous revenez au tableau de bord, ce sont les composants de la carte du tableau de bord.

[17:40] If you come back to the layout, we have the page header, sidebar and top bar.
Si vous revenez à la mise en page, nous avons l'en-tête de page, la barre latérale et la barre supérieure.

[17:43] So, you don't need to make any changes.
Donc, vous n'avez pas besoin de faire de changements.

[17:46] These are the dynamic one.
Ce sont les dynamiques.

[17:47] Close this one.
Fermez celui-ci.

[17:49] Close this one. Close this one. Close this one.
Fermez celui-ci. Fermez celui-ci. Fermez celui-ci.

[17:51] Close this one. Close this one. Close this one and we got this uh a layouts and we have this one, the UI component.
Fermez celui-ci. Fermez celui-ci. Fermez celui-ci et nous avons obtenu cette uh une mise en page et nous avons celle-ci, le composant UI.

[17:53] So, these are the regular component we have for avatar, badges, button, card, dialogues, drop down, input, label, progress bar, select, separator, skeleton, switch, tab, text area and tooltip.
Donc, ce sont les composants réguliers que nous avons pour l'avatar, les badges, le bouton, la carte, les dialogues, le menu déroulant, l'entrée, l'étiquette, la barre de progression, la sélection, le séparateur, le squelette, le commutateur, l'onglet, la zone de texte et l'infobulle.

[17:55] Keep it as it is.
Laissez-le tel quel.

[17:57] This is the general component we have which we are using as a reusable model.
C'est le composant général que nous avons et que nous utilisons comme modèle réutilisable.

[18:00] So, let's close this one. Close this one.
Alors, fermons celui-ci. Fermez celui-ci.

[18:19] Let's close this one.
Fermons celui-ci.

[18:19] Close this one.
Fermez celui-ci.

[18:19] Come back to the widget and here we have the chat widget which exactly going to open and we can test and talk.
Revenons au widget et ici nous avons le widget de chat qui va exactement s'ouvrir et nous pouvons tester et parler.

[18:25] So, this is what we have.
Donc, c'est ce que nous avons.

[18:25] Let's close this one.
Fermons celui-ci.

[18:27] Close this one.
Fermez celui-ci.

[18:27] Close this one.
Fermez celui-ci.

[18:28] Come back to the provider and there you will find all the details which we have, which we going to connect and we going to simply provide the user to features so they can able to ask the question and communicate with them.
Revenons au fournisseur et là vous trouverez tous les détails que nous avons, que nous allons connecter et nous allons simplement fournir à l'utilisateur des fonctionnalités afin qu'il puisse poser la question et communiquer avec eux.

[18:35] So, that's what the provider we have.
Donc, c'est ce que le fournisseur a.

[18:38] Keep it as it is.
Gardez-le tel quel.

[18:38] Don't make any changes.
Ne faites aucun changement.

[18:40] Every single thing is dynamic.
Chaque chose est dynamique.

[18:42] So, let's close this one and that's what we have inside the component.
Alors, fermons celui-ci et c'est ce que nous avons à l'intérieur du composant.

[18:43] I'll close this one.
Je vais fermer celui-ci.

[18:45] Come back to the hook and there you will find we have some important hook.
Revenons au hook et là vous trouverez que nous avons un hook important.

[18:48] This one is for appointment because that's the main purpose for this particular SaaS where we allow user to book an appointment on the preview model on the users' websites where they going to simply embed the chat model.
Celui-ci est pour le rendez-vous car c'est le but principal de ce SaaS particulier où nous permettons à l'utilisateur de réserver un rendez-vous sur le modèle de prévisualisation sur les sites Web des utilisateurs où ils vont simplement intégrer le modèle de chat.

[19:00] We have the use clinic for managing all the data.
Nous avons la clinique d'utilisation pour gérer toutes les données.

[19:02] That's all you will have.
C'est tout ce que vous aurez.

[19:04] Let's close this one.
Fermons celui-ci.

[19:06] Close this one.
Fermez celui-ci.

[19:06] Close this one.
Fermez celui-ci.

[19:08] Come back to the library in which you will find that we have multiple library.
Revenons à la bibliothèque dans laquelle vous trouverez que nous avons plusieurs bibliothèques.

[19:09] So, if you come back to the AI, we are using the brain for Cloud AI which going to simply book the appointment when we'll start chatting and it's going to do all the stuffs
Donc, si vous revenez à l'IA, nous utilisons le cerveau pour Cloud AI qui va simplement réserver le rendez-vous lorsque nous commencerons à discuter et il va faire toutes les choses.

[19:19] and it's going to do all the stuffs which you have seen in the demo.
et il va faire toutes les choses que vous avez vues dans la démo.

[19:20] which you have seen in the demo.
que vous avez vues dans la démo.

[19:22] So, just keep it as as it is.
Alors, gardez-le tel quel.

[19:24] Every single thing looking absolutely fine in the Cloud.
Chaque chose semble absolument correcte dans le Cloud.

[19:25] If you come back to our Superbase, we are using that as a back end data storage where we going to keep all the data, all the booking, all the user.
Si vous revenez à notre Superbase, nous l'utilisons comme stockage de données backend où nous allons conserver toutes les données, toutes les réservations, tous les utilisateurs.

[19:30] That's all we have.
C'est tout ce que nous avons.

[19:32] So, we have the client, we have the middleware, we have the server, we have the type clinic.
Donc, nous avons le client, nous avons le middleware, nous avons le serveur, nous avons le type clinic.

[19:36] Keep it as it is.
Gardez-le tel quel.

[19:38] Don't touch it.
Ne le touchez pas.

[19:40] This one is the back end part.
Ceci est la partie backend.

[19:42] Close this one.
Fermez celui-ci.

[19:43] Close this one.
Fermez celui-ci.

[19:44] Come back to the our notifications.
Revenons à nos notifications.

[19:46] So, this is the notification component.
Donc, c'est le composant de notification.

[19:47] So, whenever the appointment will book, we going to display different notification that the transaction is completed or the data is updated.
Donc, chaque fois que le rendez-vous sera réservé, nous afficherons une notification différente indiquant que la transaction est terminée ou que les données sont mises à jour.

[19:51] So, this is the template we have designed.
Donc, c'est le modèle que nous avons conçu.

[19:53] If you know, you can simply design that based on your but this is the general configuration I'm following which is has a modern look.
Si vous savez, vous pouvez simplement le concevoir en fonction de vos besoins, mais c'est la configuration générale que je suis, qui a un aspect moderne.

[19:58] So first test as it is.
Alors, testez d'abord tel quel.

[20:00] If you come back to the slot, this is what we have.
Si vous revenez à la plage horaire, voici ce que nous avons.

[20:02] If you come back to the utils in which we are keeping some regular function like displaying the time, displaying the address in a format, let's converting the data into a proper string or number format so we can pass into our database.
Si vous revenez aux utilitaires dans lesquels nous conservons certaines fonctions régulières comme l'affichage de l'heure, l'affichage de l'adresse dans un format, convertissons les données en un format de chaîne ou de nombre approprié afin que nous puissions les passer dans notre base de données.

[20:14] We are doing the validation.
Nous faisons la validation.

[20:15] So this is what we have for validation because I don't want to keep any data as it is.
Donc, c'est ce que nous avons pour la validation car je ne veux conserver aucune donnée telle quelle.

[20:19] We have to focus on the security in
Nous devons nous concentrer sur la sécurité dans

[20:20] have to focus on the security in multi-level in the front end. So I can

[20:22] multi-level in the front end. So I can simply verify the data there is no

[20:24] simply verify the data there is no malicious code in the data which we

[20:27] malicious code in the data which we don't want to inject in our database. So

[20:28] don't want to inject in our database. So this is what we have in the validation.

[20:30] this is what we have in the validation. Let's close this one. Now we have this

[20:32] Let's close this one. Now we have this particular script. If you really want to

[20:34] particular script. If you really want to test and create a demo account, this is

[20:36] test and create a demo account, this is what I have given but don't run this.

[20:38] what I have given but don't run this. This is just for testing purpose. You

[20:39] This is just for testing purpose. You can test that one.

[20:42] can test that one. Let's close this one. Close this one.

[20:44] Let's close this one. Close this one. Come to the type. So we have two

[20:45] Come to the type. So we have two different types. If you come back to the

[20:47] different types. If you come back to the index, this is the general model we are

[20:48] index, this is the general model we are following and it's a standard type

[20:51] following and it's a standard type script format which allow us to define

[20:53] script format which allow us to define our types that what type of data you

[20:55] our types that what type of data you want to stake into our database. If you

[20:56] want to stake into our database. If you come back to the super base, this is the

[20:58] come back to the super base, this is the structure we are following. Don't need

[20:59] structure we are following. Don't need to make any changes. This is the data

[21:01] to make any changes. This is the data for updating, insert and all the models

[21:03] for updating, insert and all the models we have because these action we going to

[21:05] we have because these action we going to perform when we will update any data,

[21:06] perform when we will update any data, when we going to delete any data, when

[21:07] when we going to delete any data, when we perform the confirmation chat model,

[21:10] we perform the confirmation chat model, that's all we have.

[21:11] that's all we have. Close this one. Close this one. The only

[21:13] Close this one. Close this one. The only thing you have to do is to provide your

[21:15] thing you have to do is to provide your environment variable. This is the only

[21:16] environment variable. This is the only thing you have to do. So you have to get

[21:18] thing you have to do. So you have to get your back end URL. You have to get your

[21:20] your back end URL. You have to get your public key and your service role.

[21:23] public key and your service role. And you have to get your entropy API key

[21:25] And you have to get your entropy API key which going to simply run the agent and

[21:28] which going to simply run the agent and book the appointment for us. This is the

[21:31] book the appointment for us. This is the endpoint where our application going to

[21:32] endpoint where our application going to be start because we going to test

[21:33] be start because we going to test locally.

[21:35] locally. And here you have to use the recent API

[21:38] And here you have to use the recent API key because we going to test our email

[21:41] key because we going to test our email sending. So once the user will book an

[21:42] sending. So once the user will book an appointment, we have to send the email

[21:44] appointment, we have to send the email to the doctor as well as the patient.

[21:47] to the doctor as well as the patient. And here I'm using this particular

[21:48] And here I'm using this particular service provider recent. So it's good

[21:51] service provider recent. So it's good for us to do the testing in the free but

[21:53] for us to do the testing in the free but you can also add your own custom domain.

[21:55] you can also add your own custom domain. And here you have to provide the email

[21:56] And here you have to provide the email account which you want to use for

[21:57] account which you want to use for testing. So that's what we going to get

[22:00] testing. So that's what we going to get it. And here we have some network

[22:01] it. And here we have some network configuration because we are also

[22:03] configuration because we are also selling subscription. So user can pay in

[22:06] selling subscription. So user can pay in crypto and that's the payment option I

[22:08] crypto and that's the payment option I have added but this can be extended to

[22:11] have added but this can be extended to stripe, PayPal. You can easily able to

[22:12] stripe, PayPal. You can easily able to integrate with that. So that's what we

[22:14] integrate with that. So that's what we have. I'm targeting polygon and that's

[22:16] have. I'm targeting polygon and that's what I have done. And here you will find

[22:18] what I have done. And here you will find the charges which I'm providing. So the

[22:19] the charges which I'm providing. So the starter file price is this much, the

[22:21] starter file price is this much, the professional price is this and the

[22:22] professional price is this and the enterprise price is this.

[22:24] enterprise price is this. So this is what exactly you have to

[22:26] So this is what exactly you have to provide and the rest of the thing would

[22:27] provide and the rest of the thing would work absolutely fine. So let's close

[22:29] work absolutely fine. So let's close this one. On and we going to get this

[22:31] this one. On and we going to get this together. Just wait. Don't don't panic.

[22:33] together. Just wait. Don't don't panic. We going to get it together. Now if you

[22:34] We going to get it together. Now if you come back to the readme file,

[22:36] come back to the readme file, sorry, get ignored. This is what we

[22:37] sorry, get ignored. This is what we have. Keep it as it is. Don't need to

[22:39] have. Keep it as it is. Don't need to make any changes because these are a

[22:40] make any changes because these are a couple of files which I don't want to

[22:41] couple of files which I don't want to push to my GitHub.

[22:43] push to my GitHub. Now come back to the middleware. So this

[22:45] Now come back to the middleware. So this is a standard middleware we have to

[22:46] is a standard middleware we have to handle the backend models. That's all we

[22:48] handle the backend models. That's all we have. Just keep it as it is. We have

[22:50] have. Just keep it as it is. We have this next dev's next js configuration.

[22:52] this next dev's next js configuration. So we going to interact with the images,

[22:54] So we going to interact with the images, all the protocol we have defined that

[22:56] all the protocol we have defined that this is going to be the host for our

[22:58] this is going to be the host for our backend database. So we have to define

[22:59] backend database. So we have to define that one for the images. Let's close

[23:01] that one for the images. Let's close this one. Come back to the packages. And

[23:03] this one. Come back to the packages. And finally and this one is the best thing.

[23:05] finally and this one is the best thing. So no matter when you are watching this

[23:06] So no matter when you are watching this particular project after 5 years, 10

[23:08] particular project after 5 years, 10 years, we are focusing on stability

[23:10] years, we are focusing on stability and security. We are using the custom

[23:12] and security. We are using the custom model based on the feature we are

[23:14] model based on the feature we are providing. So it will work absolutely

[23:16] providing. So it will work absolutely fine and it is 100% secure because we

[23:18] fine and it is 100% secure because we are using the most stable version.

[23:21] are using the most stable version. So that's what we have. Just keep it as

[23:22] So that's what we have. Just keep it as it is. Don't need to make any changes.

[23:23] it is. Don't need to make any changes. Just follow this video till then, you

[23:24] Just follow this video till then, you will understand every single thing.

[23:26] will understand every single thing. Let's close this one. Come back to the

[23:29] Let's close this one. Come back to the post CSS. This is Elvis CSS

[23:30] post CSS. This is Elvis CSS configuration we have. Keep it as it is.

[23:31] configuration we have. Keep it as it is. Don't need to make any changes. Close

[23:32] Don't need to make any changes. Close this one and come back to the readme

[23:34] this one and come back to the readme file. And there you will find that I

[23:35] file. And there you will find that I have given all the details about this

[23:37] have given all the details about this particular project, some important links

[23:39] particular project, some important links which you can have a look that what is

[23:41] which you can have a look that what is the how to get a VS code and what are

[23:43] the how to get a VS code and what are the node version you can have in your

[23:45] the node version you can have in your system to run the project. So minimum is

[23:47] system to run the project. So minimum is 20 you should have because that's the

[23:49] 20 you should have because that's the well audited and well sustainable and

[23:52] well audited and well sustainable and secure model we have in the node package

[23:54] secure model we have in the node package manager. You can also go with the latest

[23:56] manager. You can also go with the latest one which I will show you. I'll show you

[23:57] one which I will show you. I'll show you my and here we have some important links

[23:59] my and here we have some important links which you can check. You can also check

[24:00] which you can check. You can also check this particular project if you really

[24:01] this particular project if you really want to launch your own crypto token

[24:04] want to launch your own crypto token where you want to sell and raise capital

[24:06] where you want to sell and raise capital for your project. So make sure to go

[24:07] for your project. So make sure to go through this. If you come back to the

[24:08] through this. If you come back to the tailwind CSS, this is the entire code we

[24:11] tailwind CSS, this is the entire code we have added for the tailwind

[24:12] have added for the tailwind configuration key frame. So that's what

[24:14] configuration key frame. So that's what we have. Just keep it as it is. If

[24:16] we have. Just keep it as it is. If you're absolute beginner with the

[24:17] you're absolute beginner with the styling, just keep it as it is. Just

[24:18] styling, just keep it as it is. Just focus on the feature and later you can

[24:20] focus on the feature and later you can able to customize based on your

[24:22] able to customize based on your requirement. Now if you come back to the

[24:23] requirement. Now if you come back to the TS configuration, so this is the general

[24:25] TS configuration, so this is the general configuration I have. I have done it for

[24:27] configuration I have. I have done it for global scope so it will work in all the

[24:28] global scope so it will work in all the application but if you want to go with

[24:30] application but if you want to go with the specific modification, you can do

[24:31] the specific modification, you can do that.

[24:32] that. What the first thing you have to do is

[24:34] What the first thing you have to do is to get your environment variable. These

[24:36] to get your environment variable. These are the environment variables you have

[24:38] are the environment variables you have to get first.

[24:40] to get first. Got it? So let's try to get that. So

[24:42] Got it? So let's try to get that. So first we going to get our super base

[24:44] first we going to get our super base environment variable. So simply copy

[24:45] environment variable. So simply copy that one and open up your browser. Open

[24:47] that one and open up your browser. Open up your browser. Give the super base and

[24:49] up your browser. Give the super base and click on the very first link.

[24:51] click on the very first link. And you will find that this one is a

[24:52] And you will find that this one is a really powerful platform which allow you

[24:54] really powerful platform which allow you to build your application and connect

[24:56] to build your application and connect with your application very fast and it's

[24:58] with your application very fast and it's really scalable. So you can read about

[25:00] really scalable. So you can read about it the structure they are following. But

[25:02] it the structure they are following. But I'll show you how you can do the setup

[25:03] I'll show you how you can do the setup very quickly. So make sure to create

[25:05] very quickly. So make sure to create your account and log in to your

[25:06] your account and log in to your dashboard. So I already have my account

[25:08] dashboard. So I already have my account so I will simply log in and click on

[25:09] so I will simply log in and click on this dashboard. And once I will log in,

[25:11] this dashboard. And once I will log in, I will come back to my project setup. So

[25:14] I will come back to my project setup. So when you will create account for the

[25:15] when you will create account for the very first time, it will take you to it

[25:16] very first time, it will take you to it will tell you to create your

[25:17] will tell you to create your organization first. So this is

[25:19] organization first. So this is organization which I have created but

[25:21] organization which I have created but you can create more organization if you

[25:22] you can create more organization if you want. But I don't want to create more

[25:24] want. But I don't want to create more organization so I'll simply click on

[25:26] organization so I'll simply click on this back. And this is the one project

[25:28] this back. And this is the one project of which I have. I'll simply click on

[25:29] of which I have. I'll simply click on this. And first thing I'm going to do is

[25:30] this. And first thing I'm going to do is I'm going to simply delete this one

[25:32] I'm going to simply delete this one because I want to show you from scratch.

[25:34] because I want to show you from scratch. So click on this delete. And first I

[25:36] So click on this delete. And first I have to copy this name, this doctor AI

[25:38] have to copy this name, this doctor AI and that's what I have to paste. And

[25:40] and that's what I have to paste. And click on this understood. And now I have

[25:42] click on this understood. And now I have this empty repository. In your case, you

[25:44] this empty repository. In your case, you will have the same thing. So now I have

[25:46] will have the same thing. So now I have to create the project so I'll simply

[25:47] to create the project so I'll simply click on this new project. And here you

[25:50] click on this new project. And here you have to provide all the details. So

[25:51] have to provide all the details. So first you have to decide the name of the

[25:52] first you have to decide the name of the project which you want to give. So I'm

[25:54] project which you want to give. So I'm building for doctors so I'll simply

[25:56] building for doctors so I'll simply call, let's say, AI. That's what I will

[25:59] call, let's say, AI. That's what I will call. Let's me give the password. So

[26:00] call. Let's me give the password. So make sure to give a strong password.

[26:04] I have the strong password and I'm going

[26:06] I have the strong password and I'm going to select the region is specific Asia.

[26:08] to select the region is specific Asia. So whatever it's recommending you, make

[26:09] So whatever it's recommending you, make sure to select that. Now make sure to

[26:11] sure to select that. Now make sure to activate this because we need the API

[26:12] activate this because we need the API extension which we can use to connect

[26:15] extension which we can use to connect and make a

[26:16] and make a uh connection and perform all the

[26:18] uh connection and perform all the transaction.

[26:19] transaction. Transaction in the sense storage of the

[26:21] Transaction in the sense storage of the data. Now click on this create new

[26:23] data. Now click on this create new project and it's going to create a brand

[26:25] project and it's going to create a brand new project for you. So just wait. It

[26:27] new project for you. So just wait. It might take two to three seconds and you

[26:29] might take two to three seconds and you will find the database is created. If

[26:31] will find the database is created. If you click on this, you will find that

[26:32] you click on this, you will find that every single thing is healthy. Perfect.

[26:34] every single thing is healthy. Perfect. Now you can click here. You have to

[26:36] Now you can click here. You have to click on this. This is the unique string

[26:39] click on this. This is the unique string URL for your backend database. That's

[26:41] URL for your backend database. That's what I will copy. And that's the first

[26:42] what I will copy. And that's the first thing you have to get. Simply paste

[26:44] thing you have to get. Simply paste here.

[26:45] here. We got it. Now we have to get these two

[26:46] We got it. Now we have to get these two key. So to get these two key, we have to

[26:48] key. So to get these two key, we have to come back here in the project and go

[26:50] come back here in the project and go back to the API keys and you have to go

[26:53] back to the API keys and you have to go back to the legacy. Click on that and

[26:55] back to the legacy. Click on that and here you will find your public key and

[26:58] here you will find your public key and service role. So this is what I need.

[26:59] service role. So this is what I need. Simply copy that one. And that's what we

[27:01] Simply copy that one. And that's what we have to provide right here in the

[27:05] have to provide right here in the email. It's a public key.

[27:07] email. It's a public key. This is the fancy name they have given

[27:08] This is the fancy name they have given and we have the service role.

[27:11] and we have the service role. Let's copy that one.

[27:13] Let's copy that one. That's where we can come and we can

[27:14] That's where we can come and we can simply provide our service role. So we

[27:17] simply provide our service role. So we got this super base credential. Perfect.

[27:20] got this super base credential. Perfect. Now we have to activate our database

[27:22] Now we have to activate our database because we already have this

[27:24] because we already have this schema model. So we going to simply take

[27:25] schema model. So we going to simply take this one. Make sure

[27:27] this one. Make sure the way to initialize is very important.

[27:29] the way to initialize is very important. So first you have to initialize the

[27:31] So first you have to initialize the schema model. So simply copy this entire

[27:33] schema model. So simply copy this entire piece of code.

[27:34] piece of code. Now come back to here, SQL editor. You

[27:37] Now come back to here, SQL editor. You can migrate it from the code base but I

[27:39] can migrate it from the code base but I just want to keep it simple. So no

[27:41] just want to keep it simple. So no matter when you are developing or how

[27:43] matter when you are developing or how much understanding you have about this

[27:44] much understanding you have about this backend, you can do that very easily. So

[27:46] backend, you can do that very easily. So let's click on this and paste your code

[27:48] let's click on this and paste your code whatever you have copied.

[27:50] whatever you have copied. And click on this run.

[27:51] And click on this run. Click on this run

[27:53] Click on this run RS and you will find it's going to

[27:54] RS and you will find it's going to return success.

[27:57] return success. It's added successfully. That's the

[27:58] It's added successfully. That's the first thing. Now the second thing we

[27:59] first thing. Now the second thing we have to do is to run this one, RS policy

[28:02] have to do is to run this one, RS policy because we going to allow the

[28:04] because we going to allow the other users to upload and create an

[28:06] other users to upload and create an account.

[28:07] account. You can restrict to the admin but I want

[28:09] You can restrict to the admin but I want to allow others as well to perform

[28:12] to allow others as well to perform the action. So let's copy that one and

[28:14] the action. So let's copy that one and that's what we have to provide. So first

[28:15] that's what we have to provide. So first you have to simply select and remove and

[28:17] you have to simply select and remove and paste this one.

[28:18] paste this one. This is the second email model we have.

[28:20] This is the second email model we have. Let's click on this run.

[28:22] Let's click on this run. And you will find it's going to return

[28:24] And you will find it's going to return success. So this one is also looking

[28:25] success. So this one is also looking good. We have no issue. Now come back

[28:27] good. We have no issue. Now come back here and let's do the second thing, the

[28:28] here and let's do the second thing, the third thing. We have to activate the

[28:30] third thing. We have to activate the function. So let's copy that one.

[28:32] function. So let's copy that one. Paste. And that's what we have to apply

[28:35] Paste. And that's what we have to apply here. Simply copy, paste and click on

[28:37] here. Simply copy, paste and click on this run.

[28:42] Every single thing is set. If you come

[28:44] Every single thing is set. If you come back to the table, there you will find

[28:45] back to the table, there you will find all the details about the data structure

[28:48] all the details about the data structure we have defined. That's all you will

[28:50] we have defined. That's all you will find.

[28:51] find. For patient service, that's all is

[28:53] For patient service, that's all is there.

[28:54] there. All is there. Right now we don't have

[28:55] All is there. Right now we don't have any data because it's a brand new

[28:57] any data because it's a brand new account. If you come back here, go back

[28:58] account. If you come back here, go back to authentication, you will find it's

[29:00] to authentication, you will find it's already there. And you will have the

[29:02] already there. And you will have the sign up provider. You can see they have

[29:04] sign up provider. You can see they have added that one. If you come back here,

[29:05] added that one. If you come back here, that's all you will find. URL

[29:07] that's all you will find. URL configuration, that's all you will find.

[29:08] configuration, that's all you will find. If you come back to the policies, this

[29:10] If you come back to the policies, this is what you will have. This is the

[29:11] is what you will have. This is the policy we have in defined. Looks

[29:13] policy we have in defined. Looks perfect. If you come back here, you can

[29:15] perfect. If you come back here, you can see the storage we are not using. We

[29:17] see the storage we are not using. We come back to the database and you will

[29:18] come back to the database and you will find the entire schema model we have

[29:21] find the entire schema model we have for our database.

[29:23] for our database. You can see this is what we have added

[29:24] You can see this is what we have added as a function. So let me check. This is

[29:26] as a function. So let me check. This is the function we have which allow us to

[29:28] the function we have which allow us to interact and perform all trade. So our

[29:31] interact and perform all trade. So our backend database is set up. The database

[29:33] backend database is set up. The database is absolutely looking fine and it's

[29:35] is absolutely looking fine and it's connected with our application. Now

[29:37] connected with our application. Now let's close this one and close this one.

[29:39] let's close this one and close this one. Now we have to get our entropy key.

[29:42] Now we have to get our entropy key. So before we get this one, let's try to

[29:44] So before we get this one, let's try to get other this one. So this is fine. You

[29:46] get other this one. So this is fine. You can decide that much money you want to

[29:47] can decide that much money you want to charge for the packages. I'll just go

[29:50] charge for the packages. I'll just go with this one and I'm going to do all

[29:52] with this one and I'm going to do all the testing on the polygon.

[29:54] the testing on the polygon. That is fine. This is the USDC. That's

[29:56] That is fine. This is the USDC. That's the token I'm taking as a payment. And

[29:58] the token I'm taking as a payment. And here you have to provide your wallet

[29:59] here you have to provide your wallet address which you wallet wallet address

[30:02] address which you wallet wallet address where you want to receive the payment.

[30:03] where you want to receive the payment. So, what I will do I'll simply come back

[30:04] So, what I will do I'll simply come back here and let's come back here. Let's

[30:07] here and let's come back here. Let's click on this and I have to get my

[30:09] click on this and I have to get my wallet address.

[30:13] Click on this.

[30:15] Click on this. I'm into my account. Now, I'll simply

[30:18] I'm into my account. Now, I'll simply let's

[30:19] let's change my

[30:20] change my This is my blockchain.

[30:22] This is my blockchain. I hope you have watched the tutorial.

[30:24] I hope you have watched the tutorial. I'll click on the very first one.

[30:26] I'll click on the very first one. And if I see I have enough fund. So,

[30:29] And if I see I have enough fund. So, this is my own blockchain which I'm

[30:30] this is my own blockchain which I'm running. If you haven't watched you can

[30:32] running. If you haven't watched you can simply check the project. So, this is

[30:35] simply check the project. So, this is the one. That's how you can launch your

[30:36] the one. That's how you can launch your own blockchain and you will be able to

[30:37] own blockchain and you will be able to perform all the transactions. So, it's

[30:38] perform all the transactions. So, it's Ethereum globe. So, I'll simply come

[30:40] Ethereum globe. So, I'll simply come back here

[30:41] back here and copy this one. Once I get my address

[30:43] and copy this one. Once I get my address I can come back here and that's what I

[30:45] I can come back here and that's what I can

[30:46] can Perfect. Now, here we have to get two

[30:49] Perfect. Now, here we have to get two things. We have to get our API key and

[30:51] things. We have to get our API key and we have to get our email ID which we

[30:53] we have to get our email ID which we going to use for sending the email. So,

[30:54] going to use for sending the email. So, let's get this one first. So, we have to

[30:56] let's get this one first. So, we have to come back to the recent. Simply copy

[30:58] come back to the recent. Simply copy this name

[30:59] this name and come back here, open a new tab,

[31:01] and come back here, open a new tab, paste here and click on this recent. You

[31:04] paste here and click on this recent. You will find this one. Recent email for

[31:06] will find this one. Recent email for developers.

[31:07] developers. But you can also use your own. You will

[31:09] But you can also use your own. You will see all the emails which I have

[31:10] see all the emails which I have delivered, received. That's all is

[31:11] delivered, received. That's all is looking fine. Now, if you come back

[31:14] looking fine. Now, if you come back here, go back to the API key. This is

[31:16] here, go back to the API key. This is how you can get. You can create your own

[31:17] how you can get. You can create your own API key or you can get a new API key.

[31:19] API key or you can get a new API key. So, what I will do I'll simply come back

[31:21] So, what I will do I'll simply come back here. Let's create a new API key. I'll

[31:23] here. Let's create a new API key. I'll say

[31:25] say doctor AI. You can call whatever you

[31:27] doctor AI. You can call whatever you want. I want to have the full access.

[31:29] want. I want to have the full access. And as of now, I don't configure my

[31:31] And as of now, I don't configure my domain. Just keep it as it is. Click on

[31:32] domain. Just keep it as it is. Click on this add.

[31:34] this add. And it's going to give you the key. So,

[31:35] And it's going to give you the key. So, this is the key you have got. I'm

[31:37] this is the key you have got. I'm showing you this because I'm going to

[31:38] showing you this because I'm going to delete this one. So, I copy my key and

[31:41] delete this one. So, I copy my key and that's what I have to provide here.

[31:43] that's what I have to provide here. I got my key. Now, you have to get your

[31:46] I got my key. Now, you have to get your email ID.

[31:47] email ID. So, here you have to do one thing. The

[31:50] So, here you have to do one thing. The email ID which you will use for creating

[31:52] email ID which you will use for creating this account, the same email ID you have

[31:54] this account, the same email ID you have to use here because this is the same

[31:56] to use here because this is the same email ID we going to use for sending the

[31:57] email ID we going to use for sending the email and testing.

[31:59] email and testing. So, whatever email ID you have used for

[32:01] So, whatever email ID you have used for creating your account in this particular

[32:03] creating your account in this particular project like this particular recent.com,

[32:06] project like this particular recent.com, the same email ID you have to use. So,

[32:07] the same email ID you have to use. So, I'll simply click here and this is the

[32:09] I'll simply click here and this is the email. Let me get my account. Let me

[32:11] email. Let me get my account. Let me come back to the setting and I'll go

[32:13] come back to the setting and I'll go back to my accounts.

[32:15] back to my accounts. So, let's come back here.

[32:17] So, let's come back here. Email. So, this is the email I have used

[32:19] Email. So, this is the email I have used for

[32:22] for This is the email I have used for

[32:23] This is the email I have used for creating account in this platform and

[32:25] creating account in this platform and that's what I'm using. So, I'll simply

[32:26] that's what I'm using. So, I'll simply come back here

[32:27] come back here and this is my test email.

[32:30] and this is my test email. So, I got my recent API key. So far I

[32:33] So, I got my recent API key. So far I got all the credentials. Now, the only

[32:34] got all the credentials. Now, the only thing is left is entropy API key.

[32:38] thing is left is entropy API key. So, simply copy that one. Type entropy

[32:41] So, simply copy that one. Type entropy cloud API key. I got it. Now, you can

[32:44] cloud API key. I got it. Now, you can click on this

[32:47] and you will come back to the platform

[32:48] and you will come back to the platform from where you can able to create your

[32:51] from where you can able to create your API key. So, you can see I'm in my

[32:52] API key. So, you can see I'm in my dashboard. So, you will find that here

[32:54] dashboard. So, you will find that here you will find all the details and I

[32:55] you will find all the details and I already have all the details. So, to

[32:57] already have all the details. So, to create a new API key you can click on

[32:59] create a new API key you can click on this get API key and you will see that I

[33:01] this get API key and you will see that I have already created this API key. So,

[33:03] have already created this API key. So, what I will do I'll simply click on this

[33:04] what I will do I'll simply click on this delete

[33:06] delete and click on this delete

[33:08] and click on this delete because in the last tutorial many of you

[33:10] because in the last tutorial many of you have seen this key. So, I have to

[33:11] have seen this key. So, I have to delete. Let's create another one and

[33:13] delete. Let's create another one and I'll simply call this

[33:16] I'll simply call this doctor

[33:17] doctor AI and click on this add. And it's going

[33:20] AI and click on this add. And it's going to create me an API key. I'm showing you

[33:21] to create me an API key. I'm showing you this because after this tutorial I'm

[33:22] this because after this tutorial I'm going to delete this one. So, I'll

[33:23] going to delete this one. So, I'll simply copy that one

[33:25] simply copy that one and that's what I will going to provide

[33:27] and that's what I will going to provide here. Got it? So, I got my key.

[33:30] here. Got it? So, I got my key. I got all of this details. Perfect. So,

[33:33] I got all of this details. Perfect. So, all the environment variables I have now

[33:35] all the environment variables I have now I'm ready to test my application. So,

[33:37] I'm ready to test my application. So, let's close this one. Make sure to save

[33:39] let's close this one. Make sure to save it all and close this one. Now, you have

[33:41] it all and close this one. Now, you have to open up your terminal

[33:43] to open up your terminal and you can see that I'm in the main

[33:44] and you can see that I'm in the main directory in this directory.

[33:47] directory in this directory. So, first thing I have to do is to do

[33:48] So, first thing I have to do is to do the installation of these packages. So,

[33:51] the installation of these packages. So, simply type

[33:52] simply type NPM

[33:53] NPM I. Before I do the installation let me

[33:55] I. Before I do the installation let me show you the node version. So, if I show

[33:57] show you the node version. So, if I show you my node version I have this one

[33:59] you my node version I have this one which is a very much stable and it will

[34:00] which is a very much stable and it will work absolutely fine with all the

[34:01] work absolutely fine with all the packages.

[34:03] packages. So, this one is the most stable version

[34:05] So, this one is the most stable version and right now is well audited. So, it's

[34:07] and right now is well audited. So, it's 100% secure. If I show you my NPM

[34:09] 100% secure. If I show you my NPM version, this is the one I'm using. So,

[34:11] version, this is the one I'm using. So, every single thing is well stable and

[34:12] every single thing is well stable and 100% secure. I'll simply clear up my

[34:14] 100% secure. I'll simply clear up my terminal and now I'm going to do the

[34:15] terminal and now I'm going to do the installation. Simply type NPM I, hit

[34:18] installation. Simply type NPM I, hit enter and it's going to do the

[34:19] enter and it's going to do the installation of the packages. All of

[34:21] installation of the packages. All of these packages which you can see we

[34:23] these packages which you can see we have, that's all is going to do the

[34:25] have, that's all is going to do the installation. So, just wait. Soon the

[34:26] installation. So, just wait. Soon the installation will complete and we are

[34:29] installation will complete and we are ready to launch our project. And finally

[34:32] ready to launch our project. And finally the installation is completed and you

[34:34] the installation is completed and you can see that we are getting couple of

[34:35] can see that we are getting couple of recommendations. Simply ignore that one

[34:37] recommendations. Simply ignore that one because we are focusing on stability and

[34:39] because we are focusing on stability and using the combination of old and new

[34:40] using the combination of old and new packages. Okay? It's not an error. So,

[34:43] packages. Okay? It's not an error. So, all you have to do is to clear up your

[34:44] all you have to do is to clear up your terminal and once you will do the

[34:46] terminal and once you will do the installation you will get this node

[34:47] installation you will get this node module in which you will have the

[34:48] module in which you will have the complete packages which you can check

[34:50] complete packages which you can check one by one what it's there. So, we got

[34:53] one by one what it's there. So, we got all of the packages. Now, what I have to

[34:54] all of the packages. Now, what I have to do is to run this particular command

[34:56] do is to run this particular command dev. This is the command we have to run.

[34:58] dev. This is the command we have to run. Simply type NPM run dev, hit enter and

[35:02] Simply type NPM run dev, hit enter and it will start your application on

[35:04] it will start your application on localhost 3000. So, just wait. You will

[35:06] localhost 3000. So, just wait. You will get the details that your application is

[35:08] get the details that your application is ready. You can see it's very quick and

[35:10] ready. You can see it's very quick and we are using the most stable version.

[35:12] we are using the most stable version. Looks absolutely fine. You can simply

[35:13] Looks absolutely fine. You can simply copy this URL

[35:14] copy this URL and come back to your browser. I'll

[35:16] and come back to your browser. I'll simply close this one

[35:18] simply close this one and I'll simply open a new tab. I'll

[35:20] and I'll simply open a new tab. I'll paste here and hit enter. And you will

[35:22] paste here and hit enter. And you will find that our application is started and

[35:25] find that our application is started and you will find it looks absolutely

[35:27] you will find it looks absolutely beautiful. Let me make on the big

[35:28] beautiful. Let me make on the big screen. So, you can see it looks

[35:30] screen. So, you can see it looks absolutely beautiful. So, we have our

[35:32] absolutely beautiful. So, we have our header.

[35:33] header. We can go back to the different pages.

[35:36] We can go back to the different pages. Looks great. I can come back here, go

[35:38] Looks great. I can come back here, go back to the review. How it's work,

[35:40] back to the review. How it's work, features. That's all is there. Perfect.

[35:42] features. That's all is there. Perfect. Now, the very first thing we have to do

[35:44] Now, the very first thing we have to do is to create your account. So, you can

[35:45] is to create your account. So, you can create that very easily. You can click

[35:47] create that very easily. You can click on this this or this. I'll click on this

[35:50] on this this or this. I'll click on this and it's going to take me to the login

[35:51] and it's going to take me to the login page. Right now, you can see I haven't

[35:53] page. Right now, you can see I haven't created my account. So, I got this login

[35:54] created my account. So, I got this login page. Now, I can simply give my

[35:56] page. Now, I can simply give my credential. If you already have your

[35:57] credential. If you already have your account you can simply click on this and

[35:59] account you can simply click on this and you can login. So, I'll come back here

[36:01] you can login. So, I'll come back here and create my account. So, let's call

[36:02] and create my account. So, let's call this

[36:03] this the blockchain coder and the email ID I

[36:06] the blockchain coder and the email ID I will use this

[36:08] will use this the blockchain coder. If you have any

[36:09] the blockchain coder. If you have any question, any doubt you can shoot an

[36:10] question, any doubt you can shoot an email in this because this is our

[36:12] email in this because this is our official where you will find quick

[36:13] official where you will find quick response. Now, let me give the password.

[36:15] response. Now, let me give the password. I'll say 1 2 3 4 5 6 7 8. I'll give that

[36:19] I'll say 1 2 3 4 5 6 7 8. I'll give that 1 2 3 4 5 6 7 8. I got the password now.

[36:23] 1 2 3 4 5 6 7 8. I got the password now. I'll simply come back here, click on

[36:24] I'll simply come back here, click on this create. And it's going to create me

[36:26] this create. And it's going to create me account. So, it's going to send me a

[36:27] account. So, it's going to send me a link in my email ID so I can verify my

[36:30] link in my email ID so I can verify my link and through that I have to simply

[36:32] link and through that I have to simply create my account. So, here you can see

[36:33] create my account. So, here you can see I got this notification.

[36:36] I got this notification. And I got my email. And you can see that

[36:38] And I got my email. And you can see that I got a email. So, you have to first

[36:40] I got a email. So, you have to first verify your email, click on this and it

[36:42] verify your email, click on this and it will open into a new tab and you will

[36:44] will open into a new tab and you will come back here once again. Now, let me

[36:47] come back here once again. Now, let me close the previous one I have opened and

[36:49] close the previous one I have opened and there I am. Now, I can click on this

[36:51] there I am. Now, I can click on this sign in because I already have my

[36:53] sign in because I already have my account. I'll simply give my

[36:55] account. I'll simply give my the email ID which I have used and 1 2 3

[36:57] the email ID which I have used and 1 2 3 4 5 6 7 8. I got my password. Now, I can

[37:00] 4 5 6 7 8. I got my password. Now, I can click on this sign in

[37:02] click on this sign in and you will find that I'm welcome back

[37:04] and you will find that I'm welcome back and now I have to create my clinic.

[37:07] and now I have to create my clinic. So, it will reload and you will get this

[37:08] So, it will reload and you will get this option to create a clinic. I'll call

[37:10] option to create a clinic. I'll call this the blockchain coder. And this is

[37:12] this the blockchain coder. And this is going to be a unique URL for your

[37:14] going to be a unique URL for your booking.

[37:15] booking. You can select the time zone. I will go

[37:17] You can select the time zone. I will go with this. New York is fine. I'll click

[37:18] with this. New York is fine. I'll click on this launch my clinic.

[37:20] on this launch my clinic. And it's going to perform

[37:22] And it's going to perform the action and going to create my

[37:23] the action and going to create my clinic. You can see my clinic is set up

[37:25] clinic. You can see my clinic is set up and I will come back to my dashboard.

[37:27] and I will come back to my dashboard. You will find the interface right now

[37:29] You will find the interface right now every single thing is empty. We have our

[37:31] every single thing is empty. We have our sidebar. We have different sections like

[37:34] sidebar. We have different sections like dashboard, calendar, appointment which

[37:35] dashboard, calendar, appointment which you have already seen. We have our

[37:36] you have already seen. We have our header. We have a search. If you click

[37:38] header. We have a search. If you click here you can simply log out, go back to

[37:40] here you can simply log out, go back to the different section. You can see all

[37:41] the different section. You can see all the appointments like today's, upcoming

[37:43] the appointments like today's, upcoming patients, cleaning. That's all we have.

[37:46] patients, cleaning. That's all we have. Come back here. That's all we have. If

[37:48] Come back here. That's all we have. If you come back here the appointment right

[37:49] you come back here the appointment right now every single thing is empty. If you

[37:51] now every single thing is empty. If you come back to the patients you can simply

[37:52] come back to the patients you can simply add your patients. I'll click on the add

[37:54] add your patients. I'll click on the add patients and let's call this

[37:57] patients and let's call this doctor

[37:59] doctor and you can simply add that one. Click

[38:01] and you can simply add that one. Click on this add patient and it's going to

[38:02] on this add patient and it's going to make a call and the patient is added.

[38:04] make a call and the patient is added. The patient is added successfully. Now,

[38:06] The patient is added successfully. Now, you can also do a sign out. So, if I

[38:07] you can also do a sign out. So, if I click on the sign out I will come back

[38:09] click on the sign out I will come back here. Now, if I want to login I can

[38:11] here. Now, if I want to login I can simply say the blockchain coder. I can

[38:12] simply say the blockchain coder. I can give my password 1 2 3 4 5 6 7 8. Let's

[38:16] give my password 1 2 3 4 5 6 7 8. Let's click on this and I will come back

[38:17] click on this and I will come back straight away because my

[38:18] straight away because my clinic is already created and I have one

[38:20] clinic is already created and I have one patient which I have added.

[38:22] patient which I have added. If you come back to the AI setup there

[38:23] If you come back to the AI setup there you will find all the details

[38:25] you will find all the details about the branding which you want to

[38:27] about the branding which you want to use. So, you will have this particular

[38:28] use. So, you will have this particular option. You can inject as a iframe or

[38:31] option. You can inject as a iframe or you will have this JavaScript framework.

[38:32] you will have this JavaScript framework. So, whatever website you want to use it

[38:33] So, whatever website you want to use it you can simply copy and paste in your

[38:35] you can simply copy and paste in your script tab and that widget is live. From

[38:37] script tab and that widget is live. From here you can control

[38:39] here you can control the color. So, I'll go with this one.

[38:40] the color. So, I'll go with this one. This looks pretty fine. I can provide

[38:42] This looks pretty fine. I can provide all the details and from here you can

[38:45] all the details and from here you can add couple of questions. So, I have

[38:46] add couple of questions. So, I have given predefined questions. If I click

[38:48] given predefined questions. If I click on this, you can add it. So, the AI can

[38:50] on this, you can add it. So, the AI can be trained and it's going to response

[38:52] be trained and it's going to response based on your question. So, the AI will

[38:54] based on your question. So, the AI will first look into your questions and then

[38:55] first look into your questions and then it's going to respond. So, I can simply

[38:57] it's going to respond. So, I can simply add it one by one.

[38:59] add it one by one. Whatever you want to provide, that's all

[39:01] Whatever you want to provide, that's all you can add it.

[39:03] you can add it. Perfect. You can add it. You can also

[39:04] Perfect. You can add it. You can also add your own one and that's looks great.

[39:08] So, I'll simply remove this one. And

[39:10] So, I'll simply remove this one. And this is the question I have added. Once

[39:11] this is the question I have added. Once you're done with the setup now you can

[39:12] you're done with the setup now you can simply click on this save.

[39:15] simply click on this save. So, this is the AI setup you have done.

[39:16] So, this is the AI setup you have done. Your AI setting is set up.

[39:18] Your AI setting is set up. The widget is also set up. Now, if you

[39:20] The widget is also set up. Now, if you want to check your widget you can check

[39:22] want to check your widget you can check that. You can click on this and you will

[39:24] that. You can click on this and you will find that. This is the widget page we

[39:25] find that. This is the widget page we have. You can simply click on this book

[39:27] have. You can simply click on this book appointment and you going to have it up.

[39:28] appointment and you going to have it up. This one. So, you can book an

[39:30] This one. So, you can book an appointment like you can click on this.

[39:32] appointment like you can click on this. What do you want to do? You can click on

[39:33] What do you want to do? You can click on this general, select the time. So, you

[39:35] this general, select the time. So, you can control the time as well. I can go

[39:37] can control the time as well. I can go with this one and it's going to give you

[39:38] with this one and it's going to give you the timings which is available. So, you

[39:40] the timings which is available. So, you can customize this one. I will go with

[39:42] can customize this one. I will go with this one. And here you can provide the

[39:43] this one. And here you can provide the details. So, I'll say say and you can

[39:45] details. So, I'll say say and you can click on this

[39:47] click on this review booking. You will see the

[39:48] review booking. You will see the details. Click on this confirm booking

[39:51] details. Click on this confirm booking and

[39:52] and it will start.

[39:54] it will start. Just wait and your booking is completed.

[39:56] Just wait and your booking is completed. Your booking is complete. You can click

[39:57] Your booking is complete. You can click on this another and you will have this

[39:58] on this another and you will have this one. You can also chat. You can see you

[40:01] one. You can also chat. You can see you had the noise. I received the email as a

[40:03] had the noise. I received the email as a patient as a doctor.

[40:05] patient as a doctor. If you click on this, you can also tell

[40:06] If you click on this, you can also tell the AI to book an appointment.

[40:09] the AI to book an appointment. Hey I

[40:11] Hey I want to

[40:13] want to check the

[40:16] appointment. And now the AI is going to

[40:19] appointment. And now the AI is going to do all the appointment.

[40:21] do all the appointment. So, just wait. It's going to ask you a

[40:23] So, just wait. It's going to ask you a couple of question and you got this one.

[40:25] couple of question and you got this one. Like book a new appointment, reschedule

[40:27] Like book a new appointment, reschedule and whatever you want to do. I'll say

[40:30] and whatever you want to do. I'll say new

[40:33] appointment.

[40:36] And it's going to give you the list.

[40:38] And it's going to give you the list. So, it's interacting with our data base.

[40:40] So, it's interacting with our data base. So, I'll say I'll go with this general.

[40:44] Paste here and it will also

[40:47] Paste here and it will also look

[40:48] look for the time slot which can pick. So,

[40:50] for the time slot which can pick. So, I'll go with 27.

[40:53] And here it's going to ask you a couple

[40:54] And here it's going to ask you a couple of questions.

[40:57] of questions. So, this data is coming dynamically. So,

[40:58] So, this data is coming dynamically. So, you can control. So, right now it's

[40:59] you can control. So, right now it's giving you all this data. I'll say nine.

[41:04] giving you all this data. I'll say nine. Click on this. So, based on the timing

[41:05] Click on this. So, based on the timing you can select and you can provide it.

[41:09] And here you will find these are the

[41:10] And here you will find these are the details the AI is asking because that's

[41:12] details the AI is asking because that's what it needs. Go on this. Now the AI is

[41:14] what it needs. Go on this. Now the AI is going to take your details and it's

[41:15] going to take your details and it's going to simply book an appointment for

[41:17] going to simply book an appointment for you. So, you will find that here it's

[41:18] you. So, you will find that here it's confirming. Let's confirm. This is all

[41:21] confirming. Let's confirm. This is all the details you can verify and I can say

[41:22] the details you can verify and I can say yes.

[41:23] yes. And you will find that it's booking your

[41:25] And you will find that it's booking your appointment. So, just wait.

[41:28] appointment. So, just wait. So, this is how the appointment will get

[41:30] So, this is how the appointment will get booked. And you will get the

[41:32] booked. And you will get the confirmation. Congratulations, you have

[41:34] confirmation. Congratulations, you have booked your appointment and I have also

[41:35] booked your appointment and I have also received an email.

[41:37] received an email. So, if I come back here, if I show you

[41:39] So, if I come back here, if I show you you can see I got the appointments and

[41:41] you can see I got the appointments and you can simply book it from here as

[41:43] you can simply book it from here as well. So, this is how the widget model

[41:44] well. So, this is how the widget model will work. You can test. You can come

[41:46] will work. You can test. You can come back to the settings. That's all is

[41:47] back to the settings. That's all is fine.

[41:49] fine. You have already seen in demo. From here

[41:50] You have already seen in demo. From here you can control that when you want to go

[41:52] you can control that when you want to go live and you want to off. You can also

[41:55] live and you want to off. You can also book in advance. If you come back to the

[41:56] book in advance. If you come back to the billing, that's all the details you will

[41:58] billing, that's all the details you will find about the subscription, the free

[42:00] find about the subscription, the free tier. If you come back to my profile,

[42:02] tier. If you come back to my profile, that's also looking great.

[42:04] that's also looking great. There you will find all the details

[42:05] There you will find all the details which you have. You can also change the

[42:07] which you have. You can also change the details. Some details you can change,

[42:09] details. Some details you can change, not all of them.

[42:10] not all of them. Come back to the services. You can also

[42:12] Come back to the services. You can also add new services. So, right now we have

[42:13] add new services. So, right now we have this one. You can also add this one

[42:15] this one. You can also add this one and add it up.

[42:17] and add it up. So, I hope you have understood that

[42:18] So, I hope you have understood that thing is happening. If you come back

[42:20] thing is happening. If you come back here, you can click on this month and

[42:21] here, you can click on this month and this which user have booked. This is the

[42:22] this which user have booked. This is the upcoming appointment. You can see the

[42:24] upcoming appointment. You can see the timing when the appointment will happen.

[42:26] timing when the appointment will happen. So, looks good.

[42:28] So, looks good. Looks good. You can click on this and

[42:29] Looks good. You can click on this and you will come back to the appointment

[42:30] you will come back to the appointment details and there you have it.

[42:32] details and there you have it. So, this is how it will work. I hope you

[42:34] So, this is how it will work. I hope you have understood. Now let me show you

[42:35] have understood. Now let me show you that how you can embed into a different

[42:37] that how you can embed into a different website. So, this one is looking fine to

[42:39] website. So, this one is looking fine to me. I'll close this one and I have

[42:41] me. I'll close this one and I have already given you this cardiologist

[42:42] already given you this cardiologist website in which I'm going to do the

[42:44] website in which I'm going to do the embedding.

[42:45] embedding. So, what I can do, I'll simply come back

[42:47] So, what I can do, I'll simply come back here. Let's split your terminal and

[42:49] here. Let's split your terminal and right now you will find that I'm in two

[42:51] right now you will find that I'm in two different directory. So, I'm in the main

[42:53] different directory. So, I'm in the main directory. So, first I have to go inside

[42:55] directory. So, first I have to go inside this cardiologist directory. I'll I

[42:58] this cardiologist directory. I'll I Sorry, sorry.

[42:59] Sorry, sorry. I'll simply click on this. I'll click on

[43:00] I'll simply click on this. I'll click on this rename because I have to copy the

[43:02] this rename because I have to copy the name.

[43:03] name. Now I'll type CD, give the name. Sorry,

[43:06] Now I'll type CD, give the name. Sorry, I'll say CD, give the name, hit enter

[43:08] I'll say CD, give the name, hit enter and you will find that I'm in this

[43:09] and you will find that I'm in this particular directory.

[43:11] particular directory. So, first thing I have to do is to

[43:12] So, first thing I have to do is to install these packages. Again, this is

[43:14] install these packages. Again, this is well stable. So, I'll simply click on

[43:15] well stable. So, I'll simply click on this NPM. I hit enter and it's going to

[43:18] this NPM. I hit enter and it's going to do the installation very quickly. So,

[43:20] do the installation very quickly. So, just wait. Once the installation will

[43:21] just wait. Once the installation will complete, we're going to start embedding

[43:23] complete, we're going to start embedding this one. And the installation is

[43:25] this one. And the installation is completed successfully and here we got

[43:26] completed successfully and here we got it.

[43:27] it. Perfect.

[43:28] Perfect. Simply ignore this one. We are focusing

[43:30] Simply ignore this one. We are focusing on stability. It's not an error.

[43:32] on stability. It's not an error. So, let's clear up our terminal. Once

[43:33] So, let's clear up our terminal. Once you're done with that, now we have to

[43:35] you're done with that, now we have to simply run this command. Simply type NPM

[43:38] simply run this command. Simply type NPM run dev.

[43:40] run dev. You can simply embed this AI chat

[43:42] You can simply embed this AI chat booking appointment to any website. You

[43:45] booking appointment to any website. You already have your website. You can

[43:46] already have your website. You can simply copy this particular widget. If

[43:47] simply copy this particular widget. If you come back here,

[43:49] you come back here, you can simply go back to the AI setup

[43:51] you can simply go back to the AI setup and you can simply copy this widget and

[43:53] and you can simply copy this widget and put in your website.

[43:55] put in your website. It will be a live automatically in this.

[43:57] It will be a live automatically in this. Hit enter

[43:58] Hit enter and you will find that it's started.

[44:00] and you will find that it's started. It's going to be start soon and here you

[44:01] It's going to be start soon and here you will find that this is the doctor

[44:03] will find that this is the doctor website. Right now we don't have it.

[44:06] website. Right now we don't have it. If I want to add that widget, I can do

[44:07] If I want to add that widget, I can do that very easily which going to reflect

[44:09] that very easily which going to reflect here. So, what I will do, I'll simply

[44:10] here. So, what I will do, I'll simply come back here.

[44:11] come back here. Go back to my code. Not code. I'll first

[44:14] Go back to my code. Not code. I'll first come back here. Now I have to simply

[44:15] come back here. Now I have to simply copy. So, this is the recommended one

[44:17] copy. So, this is the recommended one because it's really perfect. I'll simply

[44:19] because it's really perfect. I'll simply copy that one. You can also go with this

[44:21] copy that one. You can also go with this one.

[44:22] one. Both is fine. Depending on your

[44:23] Both is fine. Depending on your application on system, you can go with

[44:25] application on system, you can go with that. But this one is the recommended

[44:27] that. But this one is the recommended one I have. Now I can come back here in

[44:29] one I have. Now I can come back here in the code editor. I'm going to minimize

[44:30] the code editor. I'm going to minimize this one. Now you can come back here in

[44:32] this one. Now you can come back here in the SRC and go back to the app and there

[44:35] the SRC and go back to the app and there you will find that we have this layout.

[44:38] you will find that we have this layout. So, you can put it here.

[44:39] So, you can put it here. You can put it here right below

[44:42] You can put it here right below the footer.

[44:43] the footer. You can simply come back here and put it

[44:44] You can simply come back here and put it here.

[44:46] here. I'll simply remove this one or I can

[44:48] I'll simply remove this one or I can simply comment.

[44:49] simply comment. Got it? Fine. Now come back here in the

[44:51] Got it? Fine. Now come back here in the application.

[44:53] application. I'll go back here

[44:54] I'll go back here and this should give you a quick reload.

[44:56] and this should give you a quick reload. So, we have provided our CSS

[44:59] So, we have provided our CSS tag properly. Now things are looking

[45:00] tag properly. Now things are looking good. Now all we have to do is to come

[45:02] good. Now all we have to do is to come back to the browser and you can see the

[45:03] back to the browser and you can see the button is reflecting fine. You can click

[45:05] button is reflecting fine. You can click here. Like user can click here and they

[45:07] here. Like user can click here and they can book an appointment. I'll simply

[45:08] can book an appointment. I'll simply click here. Go back to the follow up. I

[45:10] click here. Go back to the follow up. I can pick the date. Let's say I'll pick

[45:12] can pick the date. Let's say I'll pick 29 and it's going to give me the slots.

[45:15] 29 and it's going to give me the slots. Just wait. It's pulling it out and I

[45:17] Just wait. It's pulling it out and I want to book from this. Let me give my

[45:19] want to book from this. Let me give my name. I'll say

[45:20] name. I'll say gmail.com. I got it. Click on this

[45:23] gmail.com. I got it. Click on this review booking.

[45:25] review booking. Click on this confirm.

[45:27] Click on this confirm. And you will find the appointment will

[45:28] And you will find the appointment will be booked and I will receive the email.

[45:31] be booked and I will receive the email. So, finally the appointment is booked. I

[45:33] So, finally the appointment is booked. I got the email. I got We have heard the

[45:35] got the email. I got We have heard the noise. Now I can click on this. You can

[45:36] noise. Now I can click on this. You can also control the colorings. Right now

[45:38] also control the colorings. Right now it's green. So, if I want, I can control

[45:40] it's green. So, if I want, I can control that. So, I can go back to my AI

[45:42] that. So, I can go back to my AI settings and I need a red because that's

[45:44] settings and I need a red because that's the theme my website have. So, I'll

[45:45] the theme my website have. So, I'll simply click on this. Click on the save.

[45:48] simply click on this. Click on the save. And it's going to save it. Now if I come

[45:49] And it's going to save it. Now if I come back here, if I give a reload,

[45:52] back here, if I give a reload, if I give a reload, you will find it's

[45:54] if I give a reload, you will find it's got red. Click on this. Now we it will

[45:56] got red. Click on this. Now we it will match our brand. So, it's really

[45:58] match our brand. So, it's really powerful. If you come back here, you can

[45:59] powerful. If you come back here, you can see the appointment is got booked. Right

[46:02] see the appointment is got booked. Right now you will have three upcoming

[46:04] now you will have three upcoming appointment. If you come back here just

[46:05] appointment. If you come back here just now, you have booked with Amit. That's

[46:07] now, you have booked with Amit. That's is there. You can also perform the

[46:09] is there. You can also perform the actions. So, here you will have confirm

[46:11] actions. So, here you will have confirm mark. That's all you can do. If you come

[46:12] mark. That's all you can do. If you come back to the calendars, there you will

[46:13] back to the calendars, there you will find the appointment. If you go in the

[46:15] find the appointment. If you go in the month back here and you will see all the

[46:18] month back here and you will see all the stats. All the stats. Conversion rate.

[46:20] stats. All the stats. Conversion rate. That's all you will do it. So, every

[46:22] That's all you will do it. So, every single thing is looking absolutely fine.

[46:24] single thing is looking absolutely fine. I hope you have understood that how you

[46:25] I hope you have understood that how you can able to do this setup of the final

[46:27] can able to do this setup of the final source code. That's a really powerful

[46:29] source code. That's a really powerful project and all the data which you can

[46:31] project and all the data which you can see and control in your dashboard. So,

[46:34] see and control in your dashboard. So, if you come back in your database, you

[46:36] if you come back in your database, you will see all the data the user are

[46:38] will see all the data the user are creating about the subscription. Right

[46:40] creating about the subscription. Right now we are in the free subscription

[46:42] now we are in the free subscription automatically. If you come back to the

[46:43] automatically. If you come back to the AI conversation, that's all is there. If

[46:45] AI conversation, that's all is there. If you come back to the appointments, you

[46:47] you come back to the appointments, you will see all the appointments are

[46:48] will see all the appointments are happening. So, that's a really powerful

[46:50] happening. So, that's a really powerful project which you can actually launch in

[46:52] project which you can actually launch in your country. I hope you have understood

[46:53] your country. I hope you have understood all the feature functionality we have

[46:55] all the feature functionality we have included and how every single thing

[46:56] included and how every single thing would be coming, how you can able to

[46:58] would be coming, how you can able to provide this feature to your doctors in

[47:00] provide this feature to your doctors in your country in the global scape and you

[47:02] your country in the global scape and you can launch your own AI doctor session

[47:06] can launch your own AI doctor session management, clinic management SaaS for

[47:09] management, clinic management SaaS for booking appointments.

[47:10] booking appointments. So, that's the only thing. If you really

[47:12] So, that's the only thing. If you really want to faster development, you can take

[47:14] want to faster development, you can take the complete source code, download it

[47:16] the complete source code, download it and launch it and do the setup and you

[47:17] and launch it and do the setup and you can simply build on top of it.

[47:19] can simply build on top of it. This is a complete industry ready

[47:20] This is a complete industry ready project. This is the project we have got

[47:22] project. This is the project we have got recently 1 month ago for one of our

[47:24] recently 1 month ago for one of our client and that's what we have built and

[47:27] client and that's what we have built and delivered. And this is the simplified

[47:29] delivered. And this is the simplified version in a different model.

[47:31] version in a different model. So, that's what we have. So, make sure

[47:33] So, that's what we have. So, make sure to take the final source code if you

[47:34] to take the final source code if you want or you can wait when the final

[47:36] want or you can wait when the final project will come. We can start building

[47:38] project will come. We can start building together. With that, I'm ending this

[47:39] together. With that, I'm ending this video. If you have any question, any

[47:40] video. If you have any question, any doubt, do let me in the comment section.

[47:42] doubt, do let me in the comment section. I'll definitely try to help in that.

[47:43] I'll definitely try to help in that. Have a wonderful day. Bye-bye.

https://www.youtube.com/watch?v=_1VFKR0_1Cc

Summary

TL;DR — This video demonstrates how to build an advanced AI Doctor Agent and Website Builder SaaS for clinics using Next.js and Supabase. The system allows doctors to create a website for their clinic directly within the application, manage appointments, and interact with AI features, all accessible via a unique URL after a small subscription payment.

Key points

• The project extends a previous AI booking workflow by adding a full website builder for clinics that don't have an existing online presence.

• Users can subscribe for a small fee (e.g., 1 USDT) to publish and customize their clinic's website.

• The platform offers a drag-and-drop editor for website customization, including templates, text, colors, images, and various sections like 'About Us', 'Services', 'Gallery', and 'Contact'.

• Integrated AI allows users to book appointments via chat, with the system handling confirmations and notifications.

• The backend is managed using Supabase, and the AI functionalities are powered by Claude AI.

• The video provides a detailed walkthrough of the codebase, setup process, and deployment, encouraging viewers to contribute to further development.

Takeaway — This project offers a comprehensive solution for clinics to establish and manage their online presence and appointment booking system through an integrated AI-powered website builder and SaaS platform.

Résumé / Summary (fr)

En bref — Cette vidéo montre comment créer un agent IA avancé pour médecins et un constructeur de sites web SaaS pour cliniques en utilisant Next.js et Supabase. Le système permet aux médecins de créer un site web pour leur clinique directement dans l'application, de gérer les rendez-vous et d'interagir avec des fonctionnalités IA, le tout accessible via une URL unique après un petit paiement d'abonnement.

Points clés

• Le projet étend un flux de réservation IA précédent en ajoutant un constructeur de sites web complet pour les cliniques n'ayant pas de présence en ligne existante.

• Les utilisateurs peuvent s'abonner moyennant des frais minimes (par exemple, 1 USDT) pour publier et personnaliser le site web de leur clinique.

• La plateforme offre un éditeur en glisser-déposer pour la personnalisation du site web, incluant des modèles, du texte, des couleurs, des images et diverses sections comme 'À propos', 'Services', 'Galerie' et 'Contact'.

• L'IA intégrée permet aux utilisateurs de prendre rendez-vous par chat, le système gérant les confirmations et les notifications.

• Le backend est géré avec Supabase, et les fonctionnalités IA sont alimentées par Claude AI.

• La vidéo propose une explication détaillée du code source, du processus d'installation et du déploiement, encourageant les spectateurs à contribuer au développement futur.

À retenir — Ce projet offre une solution complète pour que les cliniques établissent et gèrent leur présence en ligne et leur système de prise de rendez-vous grâce à un constructeur de sites web intégré et une plateforme SaaS alimentée par l'IA.