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.
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