MERN Stack LMS Development for Schools

Build a scalable, responsive Learning Management System (LMS) using the MERN Stack with Vite + TailwindCSS. This LMS is designed for schools and colleges and must support **4 distinct user roles**: Admin, Teacher, Student, and Parent.

Authentication
- Role-based login using JWT or Firebase Auth
- Email verification & secure routing
- Forgot password and reset functionality

---
User Roles

1. **Admin Panel**
- Create/manage classes, subjects, teachers, students
- Setup timetable, fees, events, announcements
- Add syllabus & exams
- Approve/decline formal requests (leave, TC, certificates)
- Bulk notice & chat system
- Analytics dashboard (school-wide)

2. **Teacher Panel**
- Take attendance
- Create assignments/quizzes
- Enter marks + remarks per subject
- View individual student reports
- Chat/discuss with students/parents
- Update syllabus completion status

3. **Student Panel**
- View timetable, announcements
- Submit assignments & take quizzes
- Chat with teachers
- View exam results
- Auto-generated **progress charts**
- Syllabus tracking
- Formal request submissions

4. **Parent Panel**
- Track child’s attendance, assignments, results
- View progress reports & rank
- Pay fees online and view ledger
- Raise formal requests

---
Key Modules & Features

#### 1. **Dashboard (Role-specific)**
- Cards with quick stats
- Center area: **student profile card**
(Name | Class | Roll No. | Performance Level)
- Level Badges:
- **Levels**: Excellent, Very Good, Good, Average, Needs Attention, Weak, Critical
- Based on GPA + subject-wise analysis

#### 2. **Performance Tracking**
- Subject-wise & topic-wise analytics
- Class rank & school rank calculation
- Weekly auto-analysis of strengths/weaknesses
- Charts for:
- Score trends
- Topic mastery radar
- Progress over time
- PDF + downloadable report cards
- Shown in both student + parent panels

#### 3. **Syllabus Management**
- Admin/Teacher uploads per class-subject
- Live tracking of covered chapters
- Completion status for student & parent
- Color-coded syllabus list

#### 4. **Assignments & Quizzes**
- Teacher assigns tasks + uploads resources
- Auto-deadline and submission tracking
- Quiz with MCQs and auto-grading
- Submission status, remarks, and points
- Parent view of assignment status

#### 5. **Exam & Results Module**
- Admin creates exams
- Teacher enters subject-wise marks + feedback
- Auto GPA/percentage calculator
- Rank system (class/school wise)
- View per semester/year
- Charts + PDF downloadable mark sheets

#### 6. **Progress Report**
- AI-based analysis of marks
- Graphs and charts (Chart.js or Recharts)
- Category: Overall, Subject-wise, Topic-wise
- Auto-tag levels (Excellent, Good, etc.)
- Parent + student access

#### 7. **Timetable & Attendance**
- Weekly timetable (dynamic)
- Daily attendance by teachers
- Graphical view of monthly attendance
- Alert on <75% attendance

#### 8. **Finance & Fees**
- Admin sets up:
- Admission fees
- Tuition fees
- Exam fees
- Miscellaneous charges
- Parents can:
- View dues
- Pay online via Stripe or Razorpay
- Download invoices
- Student ledger with full payment history

#### 9. **Discussion Groups / Forums**
- Real-time group chat with Socket.IO
- Teachers can moderate and delete messages
- File sharing supported

#### 10. **Formal Applications**
- Leave Request
- Transfer Certificate
- Bonafide Certificate
- Medical Absence
- Admin approval system

#### 11. **Gamification**
- Points for completing assignments, attendance, quizzes
- Class leaderboard
- Badges: Perfect Attendance, Topper, Quick Responder, etc.

#### 12. **Support & Contact**
- Email & Live chat support
- Raise tickets
- Admin can reply or assign to teachers

#### 13. **Profile Management**
- Name, photo, contact info
- Password reset
- For every role

---
Homepage UI (Student View)
**Center Card:**
- Name, Photo, Class, Roll No.
- Current Performance Level Badge
- Latest Notice/Reminder

**Left Sidebar:** Dashboard | Attendance | Timetable | Assignments | Exams | Fees | Syllabus | Chat | Profile

**Right Sidebar:** Upcoming tasks | Events | Live Notices

---

Tech Stack

| Layer | Tech |
|--------------|--------------------------|
| Frontend | React + Vite + TailwindCSS |
| State Mgmt | React Context / Redux |
| Backend | Node.js + Express |
| Database | MongoDB + Mongoose |
| Auth | Firebase or JWT |
| Media Upload | Cloudinary |
| Charts | Chart.js / Recharts |
| PDF Reports | jsPDF / Puppeteer |
| Realtime | Socket.IO |
| Payments | Stripe or Razorpay |

---