CodeVideo

Project Selector

Project Selector is a sophisticated project management ecosystem designed for academic institutions. It bridges the gap between administrators managing course deliverables and students collaborating on team-based projects.

The platform provides a dual-interface experience:

Administrator Portal

  • Course Orchestration: Full CRUD operations for academic terms and courses.
  • Project Cataloging: Define project scopes, requirements, and capacity per course.
  • Student Logistics: Batch enrollment management and profile oversight.
  • Team Oversight: Live monitoring of team formations and project selection status.

Student Portal

  • Discovery: Interactive browsing of available projects with filtering.
  • Collaboration: Dynamic team formation tools (invites, member roles).
  • Selection Workflow: Priority-based project preference submission.
  • Personalized Dashboard: Real-time status of team membership and project approval.

Security & Experience

  • RBAC (Role-Based Access Control): Secure boundary between student and admin views.
  • Modern Auth: JWT-based authentication flow.
  • Responsive UI: Optimized for desktop oversight and mobile status checks.

Tech Stack

LayerTechnology
FrontendReact 19
Build ToolVite
RoutingReact Router v7
State/DataTanStack Query v5
StylingTailwind CSS v4 & ShadCN
Componentsclass-variance-authority (CVA) & lucide-react
API ClientAxios

Project Gallery

Project Selector screenshot 1
Project Selector screenshot 2
Project Selector screenshot 3
Project Selector screenshot 4
Project Selector screenshot 5
Project Selector screenshot 6
Project Selector screenshot 7
Project Selector screenshot 8
Project Selector screenshot 9
Project Selector screenshot 10
Project Selector screenshot 11
Project Selector screenshot 12
Project Selector screenshot 13
Project Selector screenshot 14

Project Video