EduCollab

A Project Collaboration and Management System, specially made for students

Comment

Inspiration

As students ourselves, we experienced the frustration of juggling multiple platforms for assignments, communication, and progress tracking. We wanted to create a unified solution that combines the best of:

  • Slack's communication
  • Discord's community features
  • Project management tools

All tailored for education. The Kiroween Frankenstein category perfectly captured our vision: stitching together powerful but seemingly incompatible technologies into one cohesive platform.

What it does

EduCollab is a comprehensive educational collaboration platform that provides:

Core Features

  • Personal Analytics Dashboard: Students track completion rates, efficiency scores, and earn achievement badges for quality work and consistency
  • Task Management System: Instructors create workspaces, assign tasks with deadlines, and review submissions through a multi-level approval workflow
  • Real-time Collaboration: Public chat with online presence, live notifications, and instant updates across all connected users
  • Gamification: Achievement system with badges, streaks, and progress tracking to motivate students
  • File Management: Secure file uploads with proper access controls and submission history
  • Multi-workspace Support: Students can participate in multiple courses simultaneously with role-based permissions

How we built it

We built EduCollab entirely with Kiro AI, leveraging multiple approaches:

Spec-Driven Development

Created 6 comprehensive specs with detailed requirements, design documents, and task breakdowns:

  1. workspace-task-management-enhancements (15 completed tasks)
  2. personal-statistics-dashboard
  3. fix-ui-layout-issues
  4. fix-task-visibility-inconsistency
  5. fix-workspace-task-bugs
  6. fix-file-viewing

This structured approach was game-changing for managing complexity.

Agent Hooks

Implemented 3 automation hooks that saved hours of repetitive work:

  • lint-on-save.json: Auto-lints code on save for immediate error detection
  • test-runner.json: Runs relevant tests automatically
  • migration-validator.json: Reviews SQL migrations for best practices

Steering Docs

Created 3 context guides that ensured consistency across 50+ components:

  • React best practices
  • Supabase patterns
  • Code quality standards

Vibe Coding

Used conversational development for rapid prototyping, bug fixes, and UI tweaks.

Tech Stack

Frontend: React 19 + Material-UI + Recharts Backend: Supabase (Database, Auth, Storage, Real-time) Deployment: Vercel Testing: Vitest + React Testing Library Project Stats:

  • 50+ React components
  • 22 database migrations
  • 30+ test files
  • 15,000+ lines of code

Challenges we ran into

Complex RLS Policies

Implementing Row Level Security for multi-role access (students, instructors, workspace owners) required 22 database migrations and extensive testing to ensure data isolation.

Real-time Synchronization

Coordinating real-time updates across task submissions, chat messages, and notifications while maintaining data consistency was challenging. We solved this with:

  • Optimistic updates
  • Subscription cleanup on unmount
  • Error recovery mechanisms

File Upload Security

Ensuring proper access controls for file submissions while allowing instructors to review and students to resubmit required careful policy design.

State Management

Managing optimistic updates and caching across 50+ components without prop drilling required strategic use of Context API and custom hooks.

Spec vs Vibe Balance

Learning when to use structured specs for complex features versus vibe coding for quick iterations was a key learning curve.

Accomplishments that we're proud of

  • ✅ Complete Feature Set: Built a production-ready platform with 50+ components, 22 database migrations, and comprehensive security
  • ✅ Kiro Mastery: Successfully combined specs, hooks, and steering docs to create a consistent, well-documented codebase
  • ✅ Performance: Implemented caching, pagination, and optimized queries to handle real-time updates efficiently
  • ✅ Gamification: Created an engaging achievement system that motivates students through badges, streaks, and progress tracking
  • ✅ 15+ Task Completions: Documented completion summaries showing our iterative development process
  • ✅ Test Coverage: 30+ test files covering critical workflows and edge cases
  • ✅ Open Source: MIT licensed with comprehensive documentation

What we learned

About Kiro

  • Spec-driven development is incredibly powerful for complex features - it forces you to think through requirements and design before coding
  • Steering docs dramatically improve code consistency - they act as an always-on code reviewer
  • Agent hooks save massive amounts of time on repetitive tasks like linting and testing
  • Combining approaches (spec + vibe) is more effective than either alone - use specs for structure, vibe for speed
  • Kiro excels at generating boilerplate, tests, and documentation, letting us focus on business logic and user experience

About Development

  • Real-time features require careful planning around connection handling, subscription cleanup, and error recovery
  • RLS policies are powerful but require thorough testing with different user roles
  • Gamification significantly improves user engagement when done thoughtfully
  • Documentation is crucial for complex projects - our specs served as living documentation

What's next for EduCollab

Short-term Goals

  • [ ] Video Conferencing: Integrate live video sessions for virtual classrooms
  • [ ] Mobile App: React Native version for on-the-go access
  • [ ] Calendar Integration: Sync deadlines with Google Calendar and Outlook

Long-term Vision

  • [ ] AI-Powered Insights: Use ML to provide personalized learning recommendations and identify struggling students early
  • [ ] Plugin System: Allow instructors to extend functionality with custom grading rubrics and assignment types
  • [ ] Advanced Analytics: Instructor dashboard with class-wide statistics, trend analysis, and predictive insights
  • [ ] Integration Hub: Connect with popular LMS platforms like Canvas, Moodle, and Blackboard
  • [ ] Collaborative Documents: Real-time document editing for group projects
  • [ ] Accessibility Features: Screen reader support, keyboard navigation, and high-contrast themes

Built with Kiro for Kiroween 2025 - Frankenstein Category 🎃

Stitching together Supabase, React, real-time features, and complex workflows into one powerful educational platform.

🧪 Try It Out

Test Accounts (pre-configured with sample data):

Team Leader Account:

  • Email: ravipriyadarshini1605@gmail.com
  • Password: HiTest@123
  • Can create workspaces, assign tasks, review submissions

Team Member Account_1:

  • Email: priyapaapaal16@gmail.com
  • Password: HiTest@123
  • Can view tasks, submit work, participate in workspaces, review team leader's task

Team Member Account_1:

  • Email: priyadippy16@gmail.com
  • Password: HiTest@123
  • Can view tasks, submit work, participate in workspaces, review team leader's task

Quick 5-minute test:

  1. Login as Team Leader → Create workspace → Add tasks
  2. Login as Team Member → View tasks → Submit work
  3. Login as Team Leader → Review submission → Approve
  4. Check Dashboard → See statistics and achievements
  5. Try Public Chat → Real-time messaging

Full testing guide available in JUDGES_TESTING_GUIDE.md in the repository.

Built With

Share this project:

Updates