1/14
School Management System – React & Node.js
64% ₹2,499.00
₹899.00
Description
The School Management System is a complete end-to-end web application built using React (Frontend) and Node.js + Express (Backend) with MySQL as the database.
It allows administrators, teachers, and students to manage academic operations in one place.
The...
It allows administrators, teachers, and students to manage academic operations in one place.
The...
The School Management System is a complete end-to-end web application built using React (Frontend) and Node.js + Express (Backend) with MySQL as the database.
It allows administrators, teachers, and students to manage academic operations in one place.
The system includes login authentication, student management, teacher salary, class/section management, attendance tracking, fee handling, and dashboard analytics.
This project is fully responsive, lightweight, beginner-friendly, and easy to install on any local server (Laragon, XAMPP, WAMP) with Node.js.
It allows administrators, teachers, and students to manage academic operations in one place.
The system includes login authentication, student management, teacher salary, class/section management, attendance tracking, fee handling, and dashboard analytics.
This project is fully responsive, lightweight, beginner-friendly, and easy to install on any local server (Laragon, XAMPP, WAMP) with Node.js.
Access to downloads is available for 7 days from the purchase date.
You can download the files 2 times per day.
Requirements
Project:
School Portal
Language:
React, Node.js (Express), JavaScript
Database:
MySQL 8 (compatible with Laragon, XAMPP, WAMP)
UI:
TailwindCSS + Custom Components
Browser:
Mozilla, Google Chrome, IE8, OPERAMozilla,
Software:
Node.js , XAMPP / Wamp / Mamp/ Lamp (anyone)
- 1. Extract the Zip file . You will see server, client, and setup.sql.
- Open your MySQL (phpMyAdmin or Laragon). Create a database named school_db. Import the file schema.sql.
- 2. Open the server folder. Create a file named .env and add:
- PORT=5000
- DB_HOST=127.0.0.1
- DB_USER=root
- DB_PASS=
- DB_NAME=school_db
- JWT_SECRET=your_secret_key
- 3. Start the backend:
- Open terminal → go to server folder → run npm install → then run npm start.
- 4. Start the frontend:
- Open terminal → go to client folder → run npm install → then run npm run dev.
- 5.Login details:
- Email: admin@school.edu
- Password: admin123
Dashboard:Overview of attendance, fees, assignments, and alerts
My Profile:View & update personal details, contact info, and password
Attendance:Daily & monthly attendance records with status
Assignments:View assignments, due dates, and submit work
Time Table:Class timetable with periods and subjects
Exams & Results:Exam schedule, subject-wise marks, result history
Notices:School announcements, events, holidays, updates
Dashboard:Overview of students, teachers, attendance, fees, and activities
Users:Manage students, teachers, and admin accounts
Applications:Review and manage student/teacher applications
Attendance:Track and manage daily attendance records
Time Table:Create and update class timetables
Announcements:Post school notices, alerts, and updates
Classes & Subjects:Manage classes, sections, and subject assignments
Exams & Results:Create exams, upload marks, and publish results
Fees:Set fee structure, collect fees, and view fee history
Home Panel Edit:Edit homepage banners, text, and media content
Pages Edit:Manage static pages like About, Contact, Events, etc.
