School Management System
A streamlined web application that simplifies daily school operations by managing students, teachers, classes, and administrative workflows. Built using React, Node, Express, TypeScript, and Material UI to deliver a fast, modern, and efficient management experience.
React JS
Express JS
Node JS
Material UI
Typescript
Project Overview
Tech Stack :
React JS, Express JS, Node JS, Material UI, Typescript
Type :
Fullstack
Duration :
2 months
Deployment :
NetlifyAWS
System Architecture
The system follows a client–server architecture where React handles all UI interactions and state updates. Node and Express power the backend with TypeScript for type-safe API development. Data flows through secure REST endpoints, enabling smooth communication between the UI and server for managing students, teachers, classes, and administrative tasks.
fig: School management architecture
Workflow Demo
Key Features
Dashboard Overview
Provides a clean, real-time view of student counts, classes, attendance status, and announcements.
Student & Teacher Management
Enables quick creation, editing, and tracking of student and staff records with organized data views.
Class & Schedule Management
Simplifies allocation of subjects, class timings, and teachers through an intuitive interface.
Attendance Tracking
Offers fast digital attendance marking and automated summaries for each class.
User Roles & Access Control
Ensures secure access by defining separate permissions for admins, teachers, and staff.
Modern UI & Performance
Built with Material