MERN School Management System

screenshot of MERN School Management System
react
material-ui

MERN School Management System

MERN stack app. Streamline school management, class organization, and add students and faculty. Seamlessly track attendance, assess performance, and provide feedback. Access records, view marks, and communicate effortlessly.

Overview

The School Management System is a web-based application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. This system aims to streamline school management, class organization, and facilitate communication between students, teachers, and administrators. The system supports different user roles, such as admin, teacher, and student, each with specific functionalities and access levels. It includes features such as an admin dashboard for managing users and settings, attendance tracking, performance assessment, data visualization, and communication capabilities.

Features

  • User Roles: The system supports three user roles: Admin, Teacher, and Student, each with specific functionalities and access levels.
  • Admin Dashboard: Administrators can add new students and teachers, create classes and subjects, manage user accounts, and oversee system settings.
  • Attendance Tracking: Teachers can easily take attendance for their classes, mark students as present or absent, and generate attendance reports.
  • Performance Assessment: Teachers can assess students' performance by providing marks and feedback. Students can view their marks and track their progress over time.
  • Data Visualization: Students can visualize their performance data through interactive charts and tables, making it easier to understand their academic performance at a glance.
  • Communication: The system enables effortless communication between users. Teachers can send messages to students and vice versa, promoting effective communication and collaboration.

Installation

To install the School Management System, follow these steps:

  1. Open two terminals in separate windows/tabs.
  2. In Terminal 1, set up the backend by navigating to the backend directory.
  3. In Terminal 2, set up the frontend by navigating to the frontend directory.
  4. Now, open your browser and navigate to localhost:3000.
  5. The Backend API will be running at localhost:5000.

Summary

The School Management System is a web-based application built using the MERN stack. It streamlines school management, class organization, and communication between students, teachers, and administrators. With features such as user roles, an admin dashboard, attendance tracking, performance assessment, data visualization, and communication capabilities, this system aims to enhance the overall efficiency and effectiveness of school operations.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.