eClass Governance

A comprehensive classroom management system designed to streamline educational workflows

React Node.js MongoDB Express JWT

Project Overview

eClass Governance is a modern solution for educational institutions to manage their classroom activities efficiently. The system provides a comprehensive suite of tools for attendance tracking, assignment management, and grade monitoring.

Built with a focus on user experience, the platform offers intuitive interfaces for both educators and students, making classroom management seamless and engaging.

Key Features

Attendance Tracking

Automated attendance system with QR code scanning and manual override options.

Assignment Management

Create, distribute, and grade assignments with support for various file formats.

Progress Tracking

Visual analytics and reports to monitor student performance and engagement.

Communication Tools

Built-in messaging and announcement system for class-wide communication.

Technical Details

Frontend

  • React with TypeScript for type-safe development
  • Redux Toolkit for state management
  • Tailwind CSS for responsive styling
  • React Query for efficient data fetching

Backend

  • Node.js with Express for API endpoints
  • MongoDB for flexible data storage
  • JWT for secure authentication
  • Socket.IO for real-time updates

DevOps

  • Docker for containerization
  • GitHub Actions for CI/CD
  • AWS for cloud hosting
  • Nginx for reverse proxy

Screenshots

Dashboard
Attendance
Assignments
Analytics

Challenges & Solutions

Real-time Updates

Challenge: Ensuring instant updates across multiple users during attendance marking and assignment submissions.

Solution: Implemented Socket.IO for real-time bidirectional communication, enabling instant updates without page refreshes.

Data Consistency

Challenge: Maintaining data consistency across different time zones and devices.

Solution: Utilized UTC timestamps and implemented robust synchronization mechanisms with offline support.

Scalability

Challenge: Handling increased load during peak usage times.

Solution: Implemented caching strategies and horizontal scaling with containerization.