School Management System - MERN Project built using Material UI, Redux Toolkit with Source Code

here so this is a project of mine called School management system I made it using monstag there are tons of features on this some of the highlights are class organization adding student and teachers seamlessly track attendance of this student and give them marks based on them and the student can also access their own records and view marks this is just a basic site I made but the main feature which I will talk right now is that the users are divided into three rules so for that we have to look at these buttons login button login as guest button and sign up button sign up button is for those who don't have any account but if you just want to explore the site you can use the login as guest but please but please please please don't delete anything just explore use it but don't delete it don't delete any classes student and teachers don't change anything just view it and leave if you want to change or add anything new you can just sign up right so uh after the warning we can just view the main feature which is login okay let's check it out yeah first admin student and teacher so when we see this admin yeah if you have already created your account here you can just log in here but you can also login as guest but don't do it please you can but you can also sign it and then the thing is only admin can add student teacher means you can't just directly create a student account like look at this in that when you can create you can sign up but here you can't in the students so only you first have to create a admin and then admin can only add student and teacher also this whole thing in detail just to wait few seconds so these are the features now let's sign up so my name it's asking my name industry yeah now it's asking a school name remember the school name must be unique if it is already exists then there can be a problem yeah it's a test email and the password would be password so after that we just register and wait for a few seconds yeah it's done okay and now bro I don't want to save it so what is it saying uh nothing nothing it is not saying don't don't think about it just uh yeah it's yeah and now it's a common book look I'll I'll show you um login and the admin and [Music] password and your login yeah it is not ask me this is annoying so this is the home dashboard of the admin now here you can see this shows how many students they are this shows how many classes there are this shows how many pieces they are but this shows these collection which is apparently twenty three thousand dollars well this is just for show off showcase don't look into it this is just for the because and there was nothing else I can't put it so this look cool so I I put it there so and here you can see the notices but there is no notices right one because this is a recently made account when you make a new account you will see this like this so uh after that there is a button account setting so after you click on profile you can visit your profile you again so yeah these are the basic details I haven't done much on work on this but it's just basic sun and the settings yeah it's just for showcase and log out yeah you can log out from here but I won't so let's go to home yeah this is the sidewalk where you can change it and let's click on this yeah and when you unclog yeah this works so after that the home first of all you have to add classes because if there is no class then there will be no teacher and students so you have to create a class so we are in school so we are in eighth class right now eighth class so create a eighth class yeah it's created uh the number of students and subjects subjects are zero there is no subjects there is no students so to add teacher you have to add subject like when you add teacher you have to choose which class looks we have only eight class you can add other classes as well to add other classes uh okay so first we come in home and look at this the number of classes is one okay so in classes we add another class uh class nine you saw what I did just there right I okay let's go back I hovered here so you can just click it or yeah hover it here so this is ADD nuclear and this is a delete all class so this will this delete it there will be no confirmation sign or anything it will just delete all the classes so be aware of that and add new class so yeah when you click that you will come here but I don't want to click any I don't want to create anymore so I'll just go back so in class 8 let's visit Class 8 there is no subjects no student no teacher so we will add some students first of all so what would be our students name it would be something like apple why Apple I don't I like Apple you should try it um passwords okay so yeah roll number and password rule number one add and yeah now number of student is one you can see one and you can also view it here in the students tab yeah you can view it here as well View here student you can take attendance or add marks which I will show you just in a second first add teacher as well to add teacher we have to add subject so and a subject like science okay I added a subject called science science um science S1 oh no uh S1 and the sessions lesson means periods how many period plus so if you want to add another subject use this tab and if you don't this add something so it will be mathematics and then m one it will have 30. so after that you just have to click save and Tada it has been saved so we if we just come here look oh where did we go oh we we came in the subjects tab yeah so that's why it was confusing in the classes tab when we view it yeah okay so be aware of this thing don't click here then the class will just delete you have to click in the view you can't just do this and when you click an add you can add subjects and teachers this is another way of doing it instead of just going here and adding now look you can't add it but yeah you can add it from here so this is the thing this is the subject list this is the instrument so let's add a teaser add a teaser and choose class so I'll choose it and choose subject I will choose science and the teacher's name is going to be Tony Stark who will be a better teacher than our Tony star Tony Stark plastic.com right password so let's go yeah teacher is added Tony Stark so if you want you can add a new teacher or delete all teachers if you just want to delete it yeah it is so we have a teachers we have subjects we have glasses and I have students so what is remaining now we don't have notices so let's add a notice so notice is uh dears users if you don't delete any change in the yes no this is for you guys please don't do it just create your own or use your own code this is just for showcase you can use your own code by the way this whole thing is just to show you guys my project which you have you can see in the GitHub phase delete of Slash Mugen that look at this yeah so this project of mine you can add a star why do you add star you you guys will know I oh I haven't signed in so that's why it's still showing but this project of nine months School management system please please delete this one currently I just have 10 stars please uh leave a star here and you can use my code after that yeah so we added a notice when we go into home look it all changes now the number of classes are two student is one and there are notices so another features is when we go into this student yeah you can also add new student but you have to choose a class so you can do it that way as well so Apple so what is the Apple saying apple is saying nothing so you can take attendance or provide marks whatever you want so I'll first of all take attendance attendance in science so attendance will be present attendance status and the date would be today so let's submit it yeah done successfully now change it successfully okay now change keep changing it you are done successfully now present okay you can just choose absent as well so what did I click okay so you can choose absent as well you are done successfully uh after that mathematics we will choose present submit and then random date who cares so this is the attendance you can take attendance like this both admin and teacher both can take an index both can provide marks so provide marks and the science we have scored 99 congrats and put in maths we only 66 just opposite you can when you rotate it it is this the output so the student one we just come here and view click View look at this point chart it shows 93 you are in the negative seven percent your attendance score if you click here you are you are um this Apple student will be deleted so don't click you can edit the details you can do that look at this the pie chart now we go into the menu attend this one let's view that and as at 66 okay those are same why because we did the same thing is that why okay I don't like so I want to change it okay so I will add some present yeah 21 I'll add more 22 yeah now it won't be same yeah look seven percent now ten percent attendance yeah thirteen percent yeah it just changes yeah present four days two days let's see the details present present present absent present person yeah that's why yeah you can view the details of this as well two days present only so this thing and when you click this it will just clear the attendance not delete the subject just clear the attendance and in the marks you can view the marks 99 and 6. now the fun the thing is we are currently in table mode now let's switch to chart mode yeah this is a chart mode it looks cool right yeah it is cool now in the marks 99 and 66 there is a quite a difference so we have visited all of this um and this as well looks cool yeah you can view the subjects here actually and all of this so this is the whole admin page now let's view the student one how it looks you have to click the roll number it is one and the name is Apple and the password is secret I won't tell you guys so when we click that we reach here and this is the student dashboard where we see the number of subjects there are two this is a showcase there are no assignment and this is just a showcase but this is the real thing this is the pie chart where you have 10 attendance and the notice is you can't see add them but you can see them so when you click the subjects we see the marks 99 and 66 in the chart form as well and when you click attendance we can view the attendance it is this this this overall attendance ten percent and the chart as well then look at the chart and complain if you want to complain you can complain right like I want today I am saying Bad Teachers so this is my complaint I'll put it right here and profile so this is the and now we come here and password okay login okay bro okay bro don't ask me all the time so let's go in the complaint section look at this complain from Apple today now I haven't done much of this but yeah I've added this you can just this is for Action means you have seen it and you have taken action okay for the complaint now let's view the teacher teacher one teacher's name was Tony Stark at the rate test.com right I don't remember but I think this was please be it okay yeah it was okay this one is for showcase this one was for showcase this was on for so this only one is this class student the class the teacher is in has only one student the class eight teacher uh the English teacher you can see the profile is a science teacher and there is nothing for teachers complaints so sorry guys there is nothing for teachers here yes teacher can take attendance and provide marks as well like attendance let's see yeah present uh 29. so the science teacher can only take redness of science subject now View and we view it so this is the attendance this is the subject marks you can add marks or View so after that log out so how did you like this if you liked this project and want a video for step by step process please leave a comment down below I'll look into it and make a new video till then you visit the description link and and what just leave stars there is only 10 star I need more stars bro and you can also follow me and like And subscribe to my channel thank you guys for watching

Channel: Yogendra Awasthi

Views: 10,577

Keywords:

Id: ol650KwQkgY

Length: 18min 37sec (1117 seconds)

Published: Thu Sep 07 2023