Skip to content

[BUG] All Authentication Methods Fail (fetch failed) on Production Deployment #141

Description

@Khushi1310-nayak

🐛 Bug Description

Authentication is completely non-functional on the production deployment. All available authentication methods fail, including Email Sign Up, Email Login, Google OAuth, GitHub OAuth, Demo Credentials, and Magic Link.

A red "fetch failed" error is displayed on both the Sign Up and Login pages, indicating that the frontend is unable to communicate with the authentication service or backend API.


Steps to Reproduce

  1. Open the production deployment.
  2. Navigate to Sign Up (/auth/signup).
  3. Enter a valid Full Name, Email, Password, and Confirm Password.
  4. Click Create Account.
  5. Observe the "fetch failed" error.

Additionally:

  1. Navigate to Login (/auth/login).
  2. Click Continue with Google.
  3. Click Continue with GitHub.
  4. Click Use Demo Credentials.
  5. Try the Magic Link login option.
  6. Observe that none of the authentication methods function correctly.

Expected Behavior

  • Users should be able to create a new account successfully.
  • Existing users should be able to log in using email and password.
  • Google OAuth should redirect to the Google authentication flow.
  • GitHub OAuth should redirect to the GitHub authentication flow.
  • Demo Credentials should log the user into the demo account.
  • Magic Link should send a valid login email and allow authentication.

Actual Behavior

  • Email Sign Up fails with "fetch failed".
  • Email Login fails with "fetch failed".
  • Google OAuth is not functioning.
  • GitHub OAuth is not functioning.
  • Demo Credentials do not log in.
  • Magic Link displays a success message but does not complete the authentication flow.
  • Authentication is unavailable through all supported methods.

Screenshots / Screen Recordings

  • Sign Up page displaying "fetch failed"
Image
  • Login page displaying "fetch failed"
Image
  • Authentication options (Google, GitHub, Demo Credentials, Magic Link) not working
Image

Environment

  • OS: Windows 11
  • Browser: Google Chrome
  • Node.js Version: Unknown (Production Deployment)
  • FlipTrack Version / Commit: Production (Vercel Deployment)

Console Errors

fetch failed

Additional browser console logs were not captured, but the frontend consistently reports a failed fetch request during authentication.


Additional Context

Since all authentication methods fail, this appears to be a common backend or authentication configuration issue rather than separate frontend bugs.

Possible causes include:

  • Backend API unavailable
  • Incorrect production API URL
  • Missing environment variables
  • Supabase configuration issues
  • OAuth redirect URI misconfiguration
  • CORS configuration problems
  • Backend deployment failure

This issue blocks all users from accessing the application and should be treated as Critical (High Priority).

Metadata

Metadata

Labels

ECSoC26Required label for ECSOC Sentinel scoringbugSomething isn't workinggood-backend+50 XP Bonusgood-pr+15 XP Bonus

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions