feat: Collaborator Onboarding Flow & GitHub Profile Integration

[ChitkulLakshya]

Collaborator Onboarding Feature & Changes

Overview

This document summarizes the changes made to Zync to support the new Open-Source Collaborator Onboarding flow.

What was implemented?

1. GitHub Profile Fetching Component (BetaOnboarding.tsx)

   • Built a sleek, glassmorphic onboarding component to replace the standard email signup.
   • Users can now type their GitHub username to fetch and display their GitHub profile.
   • Includes a debounced API request (300-500ms) to ensure optimal performance when querying the public GitHub API.
   • Animated loading spinner, error states, and smooth slide-up/fade-in transitions for the profile card.

2. Backend API Route (collaboratorRoutes.js)

   • Added a new backend route at /api/collaborator/register to handle contributor signups.
   • Validates the GitHub username and ensures data integrity.
   • Sends a welcome email using nodemailer confirming their interest in contributing to the open-source project.
   • Mounted the new route correctly in backend/index.js.

3. Landing Page CTA Update (CTASection.tsx)

   • Replaced generic "Join Beta" text with open-source community-driven messaging.
   • Added typography enhancements using custom font combinations (serif/italic) to highlight key terms like "builder", "passionate developers", "designers", and "open-source enthusiasts".

Security & Reliability Checks

• Performed npm run typecheck to ensure the frontend compiles without TypeScript errors.
• Ran npm audit fix across the backend to resolve outstanding moderate security vulnerabilities.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
zync	Building	Preview, Comment	Jun 16, 2026 2:07pm