Skip to content
    Back to all Bounties

    Earn 4,500 ($45.00)

    Time Remainingdue 2 months ago
    Open

    Create User Login with Supabase Integration

    karimadigital
    karimadigital
    Posted 2 months ago

    Bounty Description

    📌 Problem Description:
    Crash Out Diaries is a 7-step emotional journaling app built in React (hosted on Replit). After a user completes the tapping game (Step 5), they should be prompted to log in before receiving their emotional reward (Step 6).

    Currently, there’s no authentication layer. I need Supabase Auth integrated into the app, so users can log in with email + password and save their crashouts to a private vault.

    ✅ Acceptance Criteria:
    Users can sign up and log in with email + password using Supabase Auth.

    After Step 5 (tapping game), if a user is not logged in, they are prompted to log in before continuing.

    If logged in:

    The app saves the crashout message (typed earlier) to the crashouts table in Supabase.

    The user is then shown the reward screen.

    If not logged in:

    They see a prompt: “Log in to claim your glow-up and save your crashout to your vault.”

    After logging in, they continue to Step 6 and the crashout is saved.

    No one can skip this step — login is required to see the reward.

    If the Supabase insert fails, an error message appears and retry is allowed.

    Supabase must be properly initialized using environment variables already in Replit:

    SUPABASE_URL

    SUPABASE_ANON_KEY

    ⚙️ Technical Details:
    Stack: React (frontend), Supabase (auth + database), Replit (hosted)

    crashouts table is already created in Supabase with the following fields:

    id (uuid)

    user_id (uuid)

    message (text)

    timestamp (timestamp, default: now())

    Row-Level Security is enabled

    Policy: Users can only read/write their own crashouts (based on auth.uid())

    🔗 Link to Project:
    www.crashout.now