Hi friends, welcome to tutor funny
channel. Today I'm going to make the
professional admin panel using a so what
I'm going to do first I'm going to open
up my VS code editor.
Okay, first we have to uh go to my D
drive and I'm going to do the new
project and make it as this one as a uh
students
uh school manage first. School manage.
Okay, I'm going to open up the new
window
code base.2
open the project in ES editor.
Now what I'm going to do is I'm going to
create a new project. So I'm going to
select this one. Click it index HTML.
Here what I'm going to here I went to
the chat dbt. Here you can see act as a
HTML CSS JavaScript developer. you have
type the you can open the new chat and
type this one okay so if I type it take
too much of time to complete the project
that's why I already type it so you can
see here so if you press enter you can
it is it will be display the some output
look like this after you have write it
here I need the admin panel using the
HTML CSS and tailwind CSS so complete
and effective very effective mean it's a
very effective codes include the
following model models. One of the what
are the modules we have to include to in
order to complete the system we have a
uh relevant modules. What are the
modules we include in the uh admit panel
student teacher enrollment payment and
dashboard report. So these are the
modules we are include then uh complete
the system. So these are the following
modules we are included. Press enter
key. This code has been generated. You
can see here.
Okay. This is symbol board it generate.
Now you can see the dashboard here. All
the what are the things we uh we
expected all the expected result will be
displayed. So I just copy it back to my
project index. HTML you paste on it.
This a code. Okay. The simple code. Now
let's save all. I'm going to run and
check.
See it's working.
So after that if you want another page I
want to tell them. You can see that tell
them
I need a
student. I need to
develop the
I need the design
of the student page
include
student
number,
name,
address,
phone,
Amen.
This one. Copy it.
I'm going to go to
Yeah, I'm going to paste.
You can write pages
don't
paste this one for everyone. Now let's
let's go and check it how the page of
student
here now you can see the complete simple
here admin panel it's a responsive now
you'll be able to add the student record
as well so these are things we have to
we have the icon and everything we have
to we have manually we have changed it
okay so simple one we have created the
dashboard as well as the So this one we
can give the link as well
student
when you click the student page you have
provided
the it's resided inside the pages folder
so you tell them pages folder inside the
pages folder student.htm text. Okay.
Save them and go back to our project
the project
then click on it. Okay. Successfully
goes to that page. Okay. It successfully
goes to that page.
Okay. Simply we have to do the things.
Okay. The teacher also the same thing we
have to do the teachers page as well. So
that uh the simple one. Okay. This how
we have to the implement the admin path
using very simple. Okay. What are the
modules we have to tell them it has been
created. Okay.
That is the thing we have to do it. So
here
uh this is a total model. So if you have
to do any any adjustment
of them uh so that page copy inside the
paste it over here. So here this one I'm
going to make it as a student one you
have to make the second one as a student
this page
I'm get this new tag all tag what I
create copy it
back to my student page
here this dashboard keypad as it is. Uh
so here inside here the main content
this main content this dashboard we need
the inside the dash inside of this
dashboard I I need my form. Okay. So I
want to paste them. Okay. So we have to
paste them
and control S to save.
And now let's
check how it works
here. It's working successfully. Okay.
Now, now you can see that dashboard. Now
you can see when you go to open the
student. Okay. Now it's working
successfully. Yeah. So the same thing
you have to do the teacher as the same
thing we have to do the teachering.
Teacher as well. So you tell them the I
told the student here how is cities copy
it I want to tell them
I'm going to
do to the teacher
module
include
T9 Teacher ID sorry uh teacher number.
Okay. Teacher what are things included?
Okay. Teacher ID we have put it as a
auto increment one.
Teacher name
uh teacher address
phone number and
okay. So
we put this code
need to be
changed
of this following code.
I'm going to do the teacher
module include teacher name uh address
phone number need to change of the
following codes. Okay, you can do like
this way otherwise
uh simple way is I teach it uh simply
rather than you have to doing like lot
of students are doing like this this is
not a good way simply you already did
this page so that then you will be
simple way is teacher
dot HTML you get the copy of the same
page only the things the student copy
this based on your teaching
Only the things you have to change these
these are things as a teachers add
teacher.
This is simple. Okay. You already create
one page. Why you again you have tell
the get the help from a okay simply
rather than you get the help from AI you
get the same modules. Okay. Here
everything same thing only the things
are different. This is the here you have
to change this student input ID here you
have to make as teacher teacher teacher
like this only thing. Okay. So now we
have to bring the uh uh we have to give
the link the teacher page for the index
page. You have to give the link as well
to save.
Bring back to the application student.
What happened? Should
I pay for WhatsApp?
Save all.
Okay.
Save all
it. Open it. Hope this is open. Click
student. It's working. Teacher.
Teacher also. I didn't give the link. I
think that's why it's not work.
I already gave the link why it's not
working.
Uh, teacher dot.
Next student it's working. Teach us why
it's not a problem. Click on it.
features it's not going
problem
dash
why it's not working that's a problem
Okay, that is not a problem. So that a
simple mistake.
Okay, let's let's check it that page is
working.
Yeah, the page is working. But the
problem is that uh thing is that uh the
problem is that uh what happened
the module we have created. So let's all
things are save again. We have check it.
But there is no problem at all. Why it's
not working? There is a problem.
Huh? Now it's working. Okay. I think
some some problem. So now it's your
teacher model is working. Okay. So this
we are doing the here you have to
instead of the button add student you
have changed as a teacher. Okay. I go to
the course section you will be able to
change it. Okay.
Teacher module you change the teacher
and as you can make it as teacher this
one. Okay. So here button also you can
change it as a add teacher. Okay. This
how you make the admin panel using
uh AI. Thank you for watching.