Mirai Hub Localhost
Checking Backend...
โšก Local Development & Demonstration Environment

Mirai Club Portals Hub

Full multi-portal platform for student organizations, campus management, faculty advising, and activity approvals. Select any portal below to launch directly in your browser.

Backend API: https://club-tracker-demo-api.onrender.com
Ping: --ms
๐ŸŽ“
Role: student

Student Portal

Student Space

Explore and join campus clubs, view announcements, register for Club Days, submit activity proof, and download participation certificates.

Browse Clubs QR Check-in Proof Submission Certificates Events
๐Ÿ‘จโ€๐Ÿซ
Role: advisor

Advisor Portal

Advisor Console

For faculty club advisors. Review club annual plans, verify student attendance records, evaluate grading submissions, and approve club budgets.

Plan Approvals Attendance Audit Club Grading Budget Review
๐Ÿ“‹
Role: coordinator

Coordinator Portal

Coordinator Console

Lead student club coordinators. Manage member rosters, publish Club Day schedules, run real-time QR attendance check-ins, and prepare certificate rosters.

Member Roster Live QR Scanner Grading Workflows Club Days
๐Ÿข
Role: campus_admin

Campus Manager

Campus Manager Console

Campus-level administrative oversight. Authorize club charter applications, grant academic duty leave certificates, and monitor club health metrics.

Campus Clubs Duty Leave Grants Budget Oversight Analytics
๐Ÿ›ก๏ธ
Role: super_admin

Super Admin Portal

Super Admin Console

Central institution administration. Configure multi-campus institutions, oversee all accounts and roles, review comprehensive system audits, and manage platform settings.

Multi-Campus Control Global Role Matrix System Audits Configuration
โ„น๏ธ

Local Hosting Architecture & Credentials

๐Ÿ”— Unified Single-Port Serving

All 5 independent SPAs are served via server.mjs on http://localhost:3000. Relative asset paths (./shared/...) and hash routing are automatically resolved.

๐Ÿ” Authentication & Accounts

Each portal enforces strict role validation. When you sign in with an account, the backend validates the user's role and grants portal access accordingly.

๐ŸŒ Production Deployment

Each subfolder (student/, super-admin/, etc.) is ready for direct deployment to Cloudflare Pages with bundled security headers.

Link copied to clipboard!