How jeetahirwar/school-management-erp-system works
This is a browser-based school ERP admin panel: an administrator enters through the routed application, navigates operational modules, and reviews or edits school records through module pages. The implemented experience is a frontend demo, with sample datasets and a localStorage hook rather than a demonstrated backend. Routes document the main academic, admissions, communications, finance, campus-operations, HR, and reporting capabilities. Only selected pages and data modules were sampled, so links between unsampled modules and their records are not asserted.
Main entry points: App.jsx Routes · records.js School records data · Layout.jsx Admin layout · Students.jsx Student records
Components 33
Application shell
- React entry
Frontend-Admin-panel/src/main.jsx - Routes
Frontend-Admin-panel/src/App.jsx - Admin layout
Frontend-Admin-panel/src/layout/Layout.jsx - Sidebar navigation
Frontend-Admin-panel/src/layout/Sidebar.jsx - Topbar
Frontend-Admin-panel/src/layout/Topbar.jsx - Shared UI
Frontend-Admin-panel/src/components/UI.jsx - Login
Frontend-Admin-panel/src/pages/Login.jsx - Dashboard
Frontend-Admin-panel/src/pages/Dashboard.jsx - Local storage hook
Frontend-Admin-panel/src/hooks/useLocalStorage.js
Academic records
- Student records
Frontend-Admin-panel/src/pages/Students.jsx - Attendance
Frontend-Admin-panel/src/pages/Attendance.jsx - Timetable
Frontend-Admin-panel/src/pages/Timetable.jsx - Homework
Frontend-Admin-panel/src/pages/Homework.jsx - Examinations
Frontend-Admin-panel/src/pages/Examination.jsx - Report cards
Frontend-Admin-panel/src/pages/ReportCard.jsx - Library
Frontend-Admin-panel/src/pages/Library.jsx - Academic sample data
Frontend-Admin-panel/src/data/academics.js - Student sample data
Frontend-Admin-panel/src/data/students.js
Admissions and outreach
- Admission enquiries
Frontend-Admin-panel/src/pages/AdmissionEnquiry.jsx - Communication
Frontend-Admin-panel/src/pages/Communication.jsx - Notice board
Frontend-Admin-panel/src/pages/NoticeBoard.jsx - Events
Frontend-Admin-panel/src/pages/Events.jsx - School records data
Frontend-Admin-panel/src/data/records.js
Finance
- Fee collection
Frontend-Admin-panel/src/pages/FeesCollection.jsx - Online payment
Frontend-Admin-panel/src/pages/OnlinePayment.jsx
School operations
- Inventory
Frontend-Admin-panel/src/pages/Inventory.jsx - Bus tracking
Frontend-Admin-panel/src/pages/BusTracking.jsx - Hostel management
Frontend-Admin-panel/src/pages/Hostel.jsx - Leave management
Frontend-Admin-panel/src/pages/Leave.jsx - Payroll
Frontend-Admin-panel/src/pages/Payroll.jsx - Reports
Frontend-Admin-panel/src/pages/Reports.jsx
Other components
- Administrator
- Browser localStorage
Connections 39
- Administrator → React entry: opens app
- React entry → Routes: renders
- Routes → Login: routes login
- Routes → Admin layout: routes modules
- Admin layout → Sidebar navigation: renders
- Admin layout → Topbar: renders
- Sidebar navigation → Routes: navigates
- Routes → Dashboard: routes
- Routes → Student records: routes
- Routes → Attendance: routes
- Routes → Timetable: routes
- Routes → Homework: routes
- Routes → Examinations: routes
- Routes → Report cards: routes
- Routes → Library: routes
- Routes → Admission enquiries: routes
- Routes → Communication: routes
- Routes → Notice board: routes
- Routes → Events: routes
- Routes → Fee collection: routes
- Routes → Online payment: routes
- Routes → Inventory: routes
- Routes → Bus tracking: routes
- Routes → Hostel management: routes
- Routes → Leave management: routes
- Routes → Payroll: routes
- Routes → Reports: routes
- Student records → Shared UI: renders with
- Communication → Shared UI: renders with
- Bus tracking → Shared UI: renders with
- Student records → Student sample data: reads data
- Bus tracking → Academic sample data: reads routes
- Fee collection → Academic sample data: reads data
- Online payment → Academic sample data: reads data
- Admission enquiries → School records data: reads data
- Communication → School records data: reads messages
- Notice board → School records data: reads notices
- Events → School records data: reads events
- Local storage hook → Browser localStorage: reads and writes