WEBVTT

00:01.040 --> 00:03.830
Hi friends, welcome to tutor funny

00:03.830 --> 00:03.840



00:03.840 --> 00:06.550
channel. Today I'm going to make the

00:06.550 --> 00:06.560



00:06.560 --> 00:11.509
professional admin panel using a so what

00:11.509 --> 00:11.519



00:11.519 --> 00:13.030
I'm going to do first I'm going to open

00:13.030 --> 00:13.040



00:13.040 --> 00:17.269
up my VS code editor.

00:17.269 --> 00:17.279



00:17.279 --> 00:20.950
Okay, first we have to uh go to my D

00:20.950 --> 00:20.960



00:20.960 --> 00:24.070
drive and I'm going to do the new

00:24.070 --> 00:24.080



00:24.080 --> 00:28.470
project and make it as this one as a uh

00:28.470 --> 00:28.480



00:28.480 --> 00:31.830
students

00:31.830 --> 00:31.840



00:31.840 --> 00:41.830
uh school manage first. School manage.

00:41.830 --> 00:41.840



00:41.840 --> 00:43.590
Okay, I'm going to open up the new

00:43.590 --> 00:43.600



00:43.600 --> 00:46.229
window

00:46.229 --> 00:46.239



00:46.239 --> 00:48.229
code base.2

00:48.229 --> 00:48.239



00:48.239 --> 00:51.110
open the project in ES editor.

00:51.110 --> 00:51.120



00:51.120 --> 00:52.869
Now what I'm going to do is I'm going to

00:52.869 --> 00:52.879



00:52.879 --> 00:54.389
create a new project. So I'm going to

00:54.389 --> 00:54.399



00:54.399 --> 01:00.069
select this one. Click it index HTML.

01:00.069 --> 01:00.079



01:00.079 --> 01:03.510
Here what I'm going to here I went to

01:03.510 --> 01:03.520



01:03.520 --> 01:07.510
the chat dbt. Here you can see act as a

01:07.510 --> 01:07.520



01:07.520 --> 01:10.310
HTML CSS JavaScript developer. you have

01:10.310 --> 01:10.320



01:10.320 --> 01:12.870
type the you can open the new chat and

01:12.870 --> 01:12.880



01:12.880 --> 01:16.630
type this one okay so if I type it take

01:16.630 --> 01:16.640



01:16.640 --> 01:18.070
too much of time to complete the project

01:18.070 --> 01:18.080



01:18.080 --> 01:20.390
that's why I already type it so you can

01:20.390 --> 01:20.400



01:20.400 --> 01:23.109
see here so if you press enter you can

01:23.109 --> 01:23.119



01:23.119 --> 01:26.390
it is it will be display the some output

01:26.390 --> 01:26.400



01:26.400 --> 01:29.030
look like this after you have write it

01:29.030 --> 01:29.040



01:29.040 --> 01:31.749
here I need the admin panel using the

01:31.749 --> 01:31.759



01:31.759 --> 01:35.270
HTML CSS and tailwind CSS so complete

01:35.270 --> 01:35.280



01:35.280 --> 01:38.390
and effective very effective mean it's a

01:38.390 --> 01:38.400



01:38.400 --> 01:41.109
very effective codes include the

01:41.109 --> 01:41.119



01:41.119 --> 01:43.270
following model models. One of the what

01:43.270 --> 01:43.280



01:43.280 --> 01:46.149
are the modules we have to include to in

01:46.149 --> 01:46.159



01:46.159 --> 01:49.030
order to complete the system we have a

01:49.030 --> 01:49.040



01:49.040 --> 01:51.190
uh relevant modules. What are the

01:51.190 --> 01:51.200



01:51.200 --> 01:54.710
modules we include in the uh admit panel

01:54.710 --> 01:54.720



01:54.720 --> 01:57.030
student teacher enrollment payment and

01:57.030 --> 01:57.040



01:57.040 --> 01:59.109
dashboard report. So these are the

01:59.109 --> 01:59.119



01:59.119 --> 02:02.069
modules we are include then uh complete

02:02.069 --> 02:02.079



02:02.079 --> 02:03.429
the system. So these are the following

02:03.429 --> 02:03.439



02:03.439 --> 02:05.749
modules we are included. Press enter

02:05.749 --> 02:05.759



02:05.759 --> 02:07.749
key. This code has been generated. You

02:07.749 --> 02:07.759



02:07.759 --> 02:10.309
can see here.

02:10.309 --> 02:10.319



02:10.319 --> 02:13.830
Okay. This is symbol board it generate.

02:13.830 --> 02:13.840



02:13.840 --> 02:16.949
Now you can see the dashboard here. All

02:16.949 --> 02:16.959



02:16.959 --> 02:20.710
the what are the things we uh we

02:20.710 --> 02:20.720



02:20.720 --> 02:24.550
expected all the expected result will be

02:24.550 --> 02:24.560



02:24.560 --> 02:27.750
displayed. So I just copy it back to my

02:27.750 --> 02:27.760



02:27.760 --> 02:31.589
project index. HTML you paste on it.

02:31.589 --> 02:31.599



02:31.599 --> 02:34.150
This a code. Okay. The simple code. Now

02:34.150 --> 02:34.160



02:34.160 --> 02:38.309
let's save all. I'm going to run and

02:38.309 --> 02:38.319



02:38.319 --> 02:43.110
check.

02:43.110 --> 02:43.120



02:43.120 --> 02:47.270
See it's working.

02:47.270 --> 02:47.280



02:47.280 --> 02:50.710
So after that if you want another page I

02:50.710 --> 02:50.720



02:50.720 --> 02:53.350
want to tell them. You can see that tell

02:53.350 --> 02:53.360



02:53.360 --> 02:55.670
them

02:55.670 --> 02:55.680



02:55.680 --> 03:01.589
I need a

03:01.589 --> 03:01.599



03:01.599 --> 03:06.790
student. I need to

03:06.790 --> 03:06.800



03:06.800 --> 03:10.070
develop the

03:10.070 --> 03:10.080



03:10.080 --> 03:12.550
I need the design

03:12.550 --> 03:12.560



03:12.560 --> 03:18.390
of the student page

03:18.390 --> 03:18.400



03:18.400 --> 03:23.350
include

03:23.350 --> 03:23.360



03:23.360 --> 03:25.190
student

03:25.190 --> 03:25.200



03:25.200 --> 03:27.270
number,

03:27.270 --> 03:27.280



03:27.280 --> 03:28.949
name,

03:28.949 --> 03:28.959



03:28.959 --> 03:30.869
address,

03:30.869 --> 03:30.879



03:30.879 --> 03:32.710
phone,

03:32.710 --> 03:32.720



03:32.720 --> 03:57.110
Amen.

03:57.110 --> 03:57.120



03:57.120 --> 04:00.309
This one. Copy it.

04:00.309 --> 04:00.319



04:00.319 --> 04:03.190
I'm going to go to

04:03.190 --> 04:03.200



04:03.200 --> 04:05.589
Yeah, I'm going to paste.

04:05.589 --> 04:05.599



04:05.599 --> 04:17.030
You can write pages

04:17.030 --> 04:17.040



04:17.040 --> 04:25.510
don't

04:25.510 --> 04:25.520



04:25.520 --> 04:29.350
paste this one for everyone. Now let's

04:29.350 --> 04:29.360



04:29.360 --> 04:32.150
let's go and check it how the page of

04:32.150 --> 04:32.160



04:32.160 --> 04:34.230
student

04:34.230 --> 04:34.240



04:34.240 --> 04:37.990
here now you can see the complete simple

04:37.990 --> 04:38.000



04:38.000 --> 04:41.510
here admin panel it's a responsive now

04:41.510 --> 04:41.520



04:41.520 --> 04:43.430
you'll be able to add the student record

04:43.430 --> 04:43.440



04:43.440 --> 04:45.670
as well so these are things we have to

04:45.670 --> 04:45.680



04:45.680 --> 04:49.270
we have the icon and everything we have

04:49.270 --> 04:49.280



04:49.280 --> 04:53.110
to we have manually we have changed it

04:53.110 --> 04:53.120



04:53.120 --> 04:55.350
okay so simple one we have created the

04:55.350 --> 04:55.360



04:55.360 --> 04:57.990
dashboard as well as the So this one we

04:57.990 --> 04:58.000



04:58.000 --> 05:03.110
can give the link as well

05:03.110 --> 05:03.120



05:03.120 --> 05:05.110
student

05:05.110 --> 05:05.120



05:05.120 --> 05:07.110
when you click the student page you have

05:07.110 --> 05:07.120



05:07.120 --> 05:08.629
provided

05:08.629 --> 05:08.639



05:08.639 --> 05:12.230
the it's resided inside the pages folder

05:12.230 --> 05:12.240



05:12.240 --> 05:15.510
so you tell them pages folder inside the

05:15.510 --> 05:15.520



05:15.520 --> 05:19.590
pages folder student.htm text. Okay.

05:19.590 --> 05:19.600



05:19.600 --> 05:24.230
Save them and go back to our project

05:24.230 --> 05:24.240



05:24.240 --> 05:27.430
the project

05:27.430 --> 05:27.440



05:27.440 --> 05:30.550
then click on it. Okay. Successfully

05:30.550 --> 05:30.560



05:30.560 --> 05:33.749
goes to that page. Okay. It successfully

05:33.749 --> 05:33.759



05:33.759 --> 05:35.909
goes to that page.

05:35.909 --> 05:35.919



05:35.919 --> 05:38.629
Okay. Simply we have to do the things.

05:38.629 --> 05:38.639



05:38.639 --> 05:40.629
Okay. The teacher also the same thing we

05:40.629 --> 05:40.639



05:40.639 --> 05:43.189
have to do the teachers page as well. So

05:43.189 --> 05:43.199



05:43.199 --> 05:45.590
that uh the simple one. Okay. This how

05:45.590 --> 05:45.600



05:45.600 --> 05:48.790
we have to the implement the admin path

05:48.790 --> 05:48.800



05:48.800 --> 05:51.909
using very simple. Okay. What are the

05:51.909 --> 05:51.919



05:51.919 --> 05:54.070
modules we have to tell them it has been

05:54.070 --> 05:54.080



05:54.080 --> 05:57.270
created. Okay.

05:57.270 --> 05:57.280



05:57.280 --> 05:59.590
That is the thing we have to do it. So

05:59.590 --> 05:59.600



05:59.600 --> 06:01.510
here

06:01.510 --> 06:01.520



06:01.520 --> 06:03.749
uh this is a total model. So if you have

06:03.749 --> 06:03.759



06:03.759 --> 06:06.870
to do any any adjustment

06:06.870 --> 06:06.880



06:06.880 --> 06:13.590
of them uh so that page copy inside the

06:13.590 --> 06:13.600



06:13.600 --> 06:17.110
paste it over here. So here this one I'm

06:17.110 --> 06:17.120



06:17.120 --> 06:20.629
going to make it as a student one you

06:20.629 --> 06:20.639



06:20.639 --> 06:26.390
have to make the second one as a student

06:26.390 --> 06:26.400



06:26.400 --> 06:30.550
this page

06:30.550 --> 06:30.560



06:30.560 --> 06:33.830
I'm get this new tag all tag what I

06:33.830 --> 06:33.840



06:33.840 --> 06:40.870
create copy it

06:40.870 --> 06:40.880



06:40.880 --> 06:43.990
back to my student page

06:43.990 --> 06:44.000



06:44.000 --> 06:47.430
here this dashboard keypad as it is. Uh

06:47.430 --> 06:47.440



06:47.440 --> 06:50.710
so here inside here the main content

06:50.710 --> 06:50.720



06:50.720 --> 06:54.390
this main content this dashboard we need

06:54.390 --> 06:54.400



06:54.400 --> 06:56.070
the inside the dash inside of this

06:56.070 --> 06:56.080



06:56.080 --> 07:00.950
dashboard I I need my form. Okay. So I

07:00.950 --> 07:00.960



07:00.960 --> 07:05.350
want to paste them. Okay. So we have to

07:05.350 --> 07:05.360



07:05.360 --> 07:07.670
paste them

07:07.670 --> 07:07.680



07:07.680 --> 07:10.870
and control S to save.

07:10.870 --> 07:10.880



07:10.880 --> 07:14.550
And now let's

07:14.550 --> 07:14.560



07:14.560 --> 07:21.430
check how it works

07:21.430 --> 07:21.440



07:21.440 --> 07:24.150
here. It's working successfully. Okay.

07:24.150 --> 07:24.160



07:24.160 --> 07:26.710
Now, now you can see that dashboard. Now

07:26.710 --> 07:26.720



07:26.720 --> 07:29.029
you can see when you go to open the

07:29.029 --> 07:29.039



07:29.039 --> 07:30.870
student. Okay. Now it's working

07:30.870 --> 07:30.880



07:30.880 --> 07:33.670
successfully. Yeah. So the same thing

07:33.670 --> 07:33.680



07:33.680 --> 07:36.469
you have to do the teacher as the same

07:36.469 --> 07:36.479



07:36.479 --> 07:38.150
thing we have to do the teachering.

07:38.150 --> 07:38.160



07:38.160 --> 07:40.550
Teacher as well. So you tell them the I

07:40.550 --> 07:40.560



07:40.560 --> 07:45.589
told the student here how is cities copy

07:45.589 --> 07:45.599



07:45.599 --> 07:51.510
it I want to tell them

07:51.510 --> 07:51.520



07:51.520 --> 07:56.309
I'm going to

07:56.309 --> 07:56.319



07:56.319 --> 08:02.550
do to the teacher

08:02.550 --> 08:02.560



08:02.560 --> 08:04.469
module

08:04.469 --> 08:04.479



08:04.479 --> 08:07.510
include

08:07.510 --> 08:07.520



08:07.520 --> 08:13.270
T9 Teacher ID sorry uh teacher number.

08:13.270 --> 08:13.280



08:13.280 --> 08:15.270
Okay. Teacher what are things included?

08:15.270 --> 08:15.280



08:15.280 --> 08:17.430
Okay. Teacher ID we have put it as a

08:17.430 --> 08:17.440



08:17.440 --> 08:22.230
auto increment one.

08:22.230 --> 08:22.240



08:22.240 --> 08:26.790
Teacher name

08:26.790 --> 08:26.800



08:26.800 --> 08:31.350
uh teacher address

08:31.350 --> 08:31.360



08:31.360 --> 08:35.269
phone number and

08:35.269 --> 08:35.279



08:35.279 --> 08:39.670
okay. So

08:39.670 --> 08:39.680



08:39.680 --> 08:43.990
we put this code

08:43.990 --> 08:44.000



08:44.000 --> 08:46.310
need to be

08:46.310 --> 08:46.320



08:46.320 --> 08:48.389
changed

08:48.389 --> 08:48.399



08:48.399 --> 08:54.710
of this following code.

08:54.710 --> 08:54.720



08:54.720 --> 09:00.550
I'm going to do the teacher

09:00.550 --> 09:00.560



09:00.560 --> 09:03.590
module include teacher name uh address

09:03.590 --> 09:03.600



09:03.600 --> 09:05.670
phone number need to change of the

09:05.670 --> 09:05.680



09:05.680 --> 09:07.670
following codes. Okay, you can do like

09:07.670 --> 09:07.680



09:07.680 --> 09:09.750
this way otherwise

09:09.750 --> 09:09.760



09:09.760 --> 09:14.870
uh simple way is I teach it uh simply

09:14.870 --> 09:14.880



09:14.880 --> 09:16.550
rather than you have to doing like lot

09:16.550 --> 09:16.560



09:16.560 --> 09:18.070
of students are doing like this this is

09:18.070 --> 09:18.080



09:18.080 --> 09:20.389
not a good way simply you already did

09:20.389 --> 09:20.399



09:20.399 --> 09:23.110
this page so that then you will be

09:23.110 --> 09:23.120



09:23.120 --> 09:26.230
simple way is teacher

09:26.230 --> 09:26.240



09:26.240 --> 09:29.670
dot HTML you get the copy of the same

09:29.670 --> 09:29.680



09:29.680 --> 09:34.310
page only the things the student copy

09:34.310 --> 09:34.320



09:34.320 --> 09:36.550
this based on your teaching

09:36.550 --> 09:36.560



09:36.560 --> 09:38.710
Only the things you have to change these

09:38.710 --> 09:38.720



09:38.720 --> 09:41.590
these are things as a teachers add

09:41.590 --> 09:41.600



09:41.600 --> 09:43.110
teacher.

09:43.110 --> 09:43.120



09:43.120 --> 09:46.070
This is simple. Okay. You already create

09:46.070 --> 09:46.080



09:46.080 --> 09:49.030
one page. Why you again you have tell

09:49.030 --> 09:49.040



09:49.040 --> 09:52.070
the get the help from a okay simply

09:52.070 --> 09:52.080



09:52.080 --> 09:53.910
rather than you get the help from AI you

09:53.910 --> 09:53.920



09:53.920 --> 09:55.910
get the same modules. Okay. Here

09:55.910 --> 09:55.920



09:55.920 --> 09:57.590
everything same thing only the things

09:57.590 --> 09:57.600



09:57.600 --> 09:59.350
are different. This is the here you have

09:59.350 --> 09:59.360



09:59.360 --> 10:02.230
to change this student input ID here you

10:02.230 --> 10:02.240



10:02.240 --> 10:03.910
have to make as teacher teacher teacher

10:03.910 --> 10:03.920



10:03.920 --> 10:06.150
like this only thing. Okay. So now we

10:06.150 --> 10:06.160



10:06.160 --> 10:10.949
have to bring the uh uh we have to give

10:10.949 --> 10:10.959



10:10.959 --> 10:13.750
the link the teacher page for the index

10:13.750 --> 10:13.760



10:13.760 --> 10:24.150
page. You have to give the link as well

10:24.150 --> 10:24.160



10:24.160 --> 10:26.949
to save.

10:26.949 --> 10:26.959



10:26.959 --> 10:32.389
Bring back to the application student.

10:32.389 --> 10:32.399



10:32.399 --> 10:36.389
What happened? Should

10:36.389 --> 10:36.399



10:36.399 --> 10:57.750
I pay for WhatsApp?

10:57.750 --> 10:57.760



10:57.760 --> 11:03.750
Save all.

11:03.750 --> 11:03.760



11:03.760 --> 11:05.430
Okay.

11:05.430 --> 11:05.440



11:05.440 --> 11:09.990
Save all

11:09.990 --> 11:10.000



11:10.000 --> 11:12.949
it. Open it. Hope this is open. Click

11:12.949 --> 11:12.959



11:12.959 --> 11:16.790
student. It's working. Teacher.

11:16.790 --> 11:16.800



11:16.800 --> 11:18.710
Teacher also. I didn't give the link. I

11:18.710 --> 11:18.720



11:18.720 --> 11:27.829
think that's why it's not work.

11:27.829 --> 11:27.839



11:27.839 --> 11:29.430
I already gave the link why it's not

11:29.430 --> 11:29.440



11:29.440 --> 11:33.269
working.

11:33.269 --> 11:33.279



11:33.279 --> 11:53.670
Uh, teacher dot.

11:53.670 --> 11:53.680



11:53.680 --> 11:57.030
Next student it's working. Teach us why

11:57.030 --> 11:57.040



11:57.040 --> 11:58.710
it's not a problem. Click on it.

11:58.710 --> 11:58.720



11:58.720 --> 12:01.430
features it's not going

12:01.430 --> 12:01.440



12:01.440 --> 12:04.790
problem

12:04.790 --> 12:04.800



12:04.800 --> 12:06.949
dash

12:06.949 --> 12:06.959



12:06.959 --> 12:29.110
why it's not working that's a problem

12:29.110 --> 12:29.120



12:29.120 --> 12:31.110
Okay, that is not a problem. So that a

12:31.110 --> 12:31.120



12:31.120 --> 12:36.949
simple mistake.

12:36.949 --> 12:36.959



12:36.959 --> 12:38.870
Okay, let's let's check it that page is

12:38.870 --> 12:38.880



12:38.880 --> 12:41.990
working.

12:41.990 --> 12:42.000



12:42.000 --> 12:43.670
Yeah, the page is working. But the

12:43.670 --> 12:43.680



12:43.680 --> 12:47.670
problem is that uh thing is that uh the

12:47.670 --> 12:47.680



12:47.680 --> 12:51.990
problem is that uh what happened

12:51.990 --> 12:52.000



12:52.000 --> 12:55.829
the module we have created. So let's all

12:55.829 --> 12:55.839



12:55.839 --> 12:57.430
things are save again. We have check it.

12:57.430 --> 12:57.440



12:57.440 --> 13:00.870
But there is no problem at all. Why it's

13:00.870 --> 13:00.880



13:00.880 --> 13:05.750
not working? There is a problem.

13:05.750 --> 13:05.760



13:05.760 --> 13:08.069
Huh? Now it's working. Okay. I think

13:08.069 --> 13:08.079



13:08.079 --> 13:10.230
some some problem. So now it's your

13:10.230 --> 13:10.240



13:10.240 --> 13:12.949
teacher model is working. Okay. So this

13:12.949 --> 13:12.959



13:12.959 --> 13:14.629
we are doing the here you have to

13:14.629 --> 13:14.639



13:14.639 --> 13:16.790
instead of the button add student you

13:16.790 --> 13:16.800



13:16.800 --> 13:18.949
have changed as a teacher. Okay. I go to

13:18.949 --> 13:18.959



13:18.959 --> 13:21.509
the course section you will be able to

13:21.509 --> 13:21.519



13:21.519 --> 13:25.030
change it. Okay.

13:25.030 --> 13:25.040



13:25.040 --> 13:27.750
Teacher module you change the teacher

13:27.750 --> 13:27.760



13:27.760 --> 13:29.910
and as you can make it as teacher this

13:29.910 --> 13:29.920



13:29.920 --> 13:32.710
one. Okay. So here button also you can

13:32.710 --> 13:32.720



13:32.720 --> 13:36.230
change it as a add teacher. Okay. This

13:36.230 --> 13:36.240



13:36.240 --> 13:40.470
how you make the admin panel using

13:40.470 --> 13:40.480



13:40.480 --> 13:44.680
uh AI. Thank you for watching.