School Management System

School Management System is a role-based admin platform built with React and Tailwind CSS. It is designed to help schools organize academics, fee workflows, attendance, results, and parent or student-facing portal experiences from a single interface.

Features

• Role-based experiences for admins, teachers, parents, and students.
• Student, teacher, class, section, and subject management flows.
• Fee invoicing, printable receipts, and finance tracking.
• Exam scheduling, result entry, and report-card style outputs.
• Attendance management for academic and staff workflows.
• Responsive dashboard layout with reusable UI modules.

Tech Stack

• React
• Vite
• Tailwind CSS
• React Router DOM
• Lucide React
• Chart.js
• jsPDF

Getting Started

npm install
npm run dev

Available Scripts

• npm run dev starts the development server.
• npm run build creates the production build.
• npm run preview previews the production build.
• npm run lint runs ESLint.

Project Structure

• src/modules contains feature-based areas such as exams, fees, attendance, and portal views.
• src/components contains reusable UI pieces used throughout the system.
• src/layouts and src/routes organize protected navigation and shell structure.
• src/store provides shared application state through context providers.

Notes

• The existing repository name keeps the original spelling, while the README uses the corrected project title.
• Review .env usage and API integration details before treating this as a production-ready system.

Author

Allah Ditta