Statix is a centralized academic task management and monitoring system designed for colleges to streamline communication between administrators, faculty members, and students.
Built using the MERN Stack (MongoDB, Express.js, React.js, Node.js), Statix enables structured academic workflows where tasks can be assigned, tracked, verified, and monitored across departments.
The platform improves transparency, accountability, and academic coordination within institutions.
In many colleges, academic tasks and responsibilities are communicated through informal channels such as:
- WhatsApp groups
- Emails
- Paper notices
- Verbal communication
These approaches often result in:
- ❌ No centralized task tracking
- ❌ Missed deadlines by students
- ❌ Lack of proof for completed work
- ❌ Difficulty monitoring student progress
- ❌ Poor accountability for assigned tasks
Faculty members often struggle to determine:
- Which students completed tasks
- Which students missed deadlines
- Whether submitted work is valid
Statix provides a structured digital platform where:
- Faculty assign academic tasks
- Students receive and complete tasks
- Proof of completion can be uploaded
- Staff can monitor student progress
- Higher authorities can track academic compliance
The system ensures organized academic task management with clear visibility across roles.
Statix follows a structured institutional hierarchy that reflects how academic supervision typically works in colleges.
Admin
│
▼
HOD (Head of Department)
│
▼
Year Coordinator
│
▼
Counsellor
│
▼
Staff / Faculty
│
▼
Students
System-level control and monitoring.
Responsibilities:
- Manage staff and student accounts
- Create academic years
- Monitor system statistics
- Access activity logs
- Manage permissions
Department-level authority.
Responsibilities:
- Monitor department academic activity
- Create students and staff
- Bulk upload student/staff data
- Track department progress
- View system logs
Responsible for managing students within a specific academic year.
Responsibilities:
- Monitor student task completion
- Track year-wise progress
- Coordinate between staff and students
- Ensure academic compliance
Faculty members responsible for interacting directly with students.
Responsibilities:
- Create and assign tasks
- Monitor student submissions
- View completion statistics
- Send reminders to students
- Evaluate submitted proofs
Students are the end users who complete assigned tasks.
Responsibilities:
- View assigned tasks
- Upload proof of completion
- Track their academic progress
- Receive reminders for pending work
Faculty members can create academic tasks and assign them to specific students or groups.
Students must submit proof of completion such as:
- PNG images
- JPG images
- PDF documents
Tasks include deadlines, and faculty can extend deadlines if required.
Staff can send reminders to students who have not completed assigned tasks.
Faculty and higher authorities can view:
- Completed tasks
- Pending tasks
- Submission statistics
All uploaded files are stored securely using Cloudinary, while the database stores only file URLs.
JWT-based authentication ensures secure access to the platform.
Admins can upload large datasets using Excel templates.
- React.js
- Tailwind CSS
- Framer Motion
- React Toastify
- Node.js
- Express.js
- MongoDB Atlas
- Cloudinary
- JWT (JSON Web Tokens)
Frontend (React + Tailwind)
│
▼
Backend (Node.js + Express)
│
▼
MongoDB Atlas Database
│
▼
Cloudinary (File Storage)
Statix/
├── backend/
│ ├── controllers/ # Route controllers
│ ├── models/ # MongoDB models
│ ├── routes/ # Express routes
│ ├── middlewares/ # Authentication middleware
│ ├── utils/ # Utility services
│ └── index.js # Backend entry point
│
├── frontend/
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Application pages
│ │ ├── contexts/ # React context providers
│ │ └── assets/ # Images & icons
│ └── public/
│
└── README.md
Before running the project, ensure you have:
- Node.js (v14 or higher)
- MongoDB Atlas account
- Cloudinary account
- npm or yarn
Navigate to backend directory
cd backend
Install dependencies
npm install
Create .env file
MONGODB_ATLAS_URL=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
EMAIL_USER=your_email@gmail.com
EMAIL_PASS=your_app_password
PORT=5000
FRONTEND_URL=http://localhost:3000
Start backend server
npm run dev
Navigate to frontend directory
cd frontend
Install dependencies
npm install
Create .env
REACT_APP_API_URL=http://localhost:5000/api
Start development server
npm start
Application will run at:
http://localhost:3000
POST /api/auth/login/student
POST /api/auth/login/staff
POST /api/auth/login/admin
POST /api/auth/forgot-password
POST /api/auth/reset-password
POST /api/auth/change-password
POST /api/admin/students
POST /api/admin/staff
POST /api/admin/students/bulk-upload
POST /api/admin/staff/bulk-upload
GET /api/admin/students
GET /api/admin/staff
GET /api/admin/stats
GET /api/admin/logs
GET /api/staff/profile
GET /api/staff/students/search
POST /api/staff/tasks
GET /api/staff/tasks
DELETE /api/staff/tasks/:taskId
POST /api/staff/tasks/:taskId/remind
GET /api/student/profile
GET /api/student/tasks
POST /api/student/tasks/:assignmentId/complete
POST /api/student/tasks/:assignmentId/submit
Excel templates are provided inside:
frontend/public/template/
Templates available:
students_template.xlsxstaff_template.xlsx
These templates allow administrators to upload large datasets quickly.
Students and staff initially log in using their Date of Birth:
DDMMYYYY
Users must change their password after first login.
Users can reset passwords using the Forgot Password feature.
A reset link is sent to the registered email and expires in 1 hour.
Start backend
cd backend
npm run dev
Start frontend
cd frontend
npm start
Access the application
http://localhost:3000
Verify the MongoDB connection string in .env.
Ensure Gmail App Password is correct.
Ensure the frontend URL matches FRONTEND_URL in backend .env.
This project is built for educational and academic purposes.
⭐ If you found this project useful, consider giving it a star.