I Made a Full Stack Web Application - Classrooms

I made a full stack multi-user web app Classroom using MERN stack, where principal (admin) can register new users that is teachers and students, then each user and student can login with their email and password, Each type of user has different scope of functionality

Video Demonstration

Deployed Link

Web App Functionality

Principal (Admin) Dashboard

• Can register new users (teachers and students).
• Can create classrooms and assign teachers to them.
• Can allot classrooms to students.
• See the list of teachers and students in table form.
• Can change the details of students, teachers, and classrooms, and delete them as well.

Teacher Dashboard

• A teacher can be assigned to a single classroom only.
• See the list of students in their classroom in table form.
• Can view their assigned class details.
• Can change the details of students or delete them as well.

Student Dashboard

• Can see other students in their classroom (classmates).
• Can view their allotted class details.

Tech Stack Used

• Frontend: ReactJS, Tailwind CSS
• Backend: Node.js, Express
• Database: MongoDB
• Deployment: Render