feat: implement daily rewards system & streak

website/src/routes/+error.svelte

@@ -2,6 +2,8 @@
 	import { page } from '$app/state';
 	import { Button } from '$lib/components/ui/button';
 
+	let clickCount = $state(0);
+
 	const status = page.status;
 	const message = getDefaultMessage(status);
 
@@ -19,6 +21,18 @@
 				return 'Something went wrong. We have no idea what happened, but you can blame us for it on X!';
 		}
 	}
+
+	function handleImageClick() {
+		clickCount++;
+	}
+
+	function handleMouseLeave() {
+		clickCount = 0;
+	}
+
+	let tooltipMessage = $derived(
+		clickCount >= 15 ? 'ok you win' : clickCount >= 3 ? 'stop clicking' : 'ts pmo too icl'
+	);
 </script>
 
 <svelte:head>
@@ -40,9 +54,32 @@
 		</div>
 	</div>
 
-	<img
-		src="/404.gif"
-		alt="404 Error Illustration"
-		class="hidden h-64 w-64 object-contain lg:block"
-	/>
+	<div
+		class="group relative hidden lg:block"
+		role="button"
+		tabindex="0"
+		onclick={handleImageClick}
+		onmouseleave={handleMouseLeave}
+		onkeydown={(e) => {
+			if (e.key === 'Enter' || e.key === ' ') {
+				e.preventDefault();
+				handleImageClick();
+			}
+		}}
+		aria-label="Click to interact with error illustration"
+	>
+		<img
+			src="/404.gif"
+			alt="404 Error Illustration"
+			class="h-64 w-64 cursor-pointer object-contain transition-transform duration-300 hover:rotate-12 hover:scale-110"
+		/>
+		<div
+			class="absolute -top-12 left-1/2 z-10 -translate-x-1/2 transform whitespace-nowrap rounded-lg bg-black px-3 py-1 text-sm text-white opacity-0 transition-opacity duration-200 group-hover:opacity-100"
+		>
+			{tooltipMessage}
+			<div
+				class="absolute left-1/2 top-full h-0 w-0 -translate-x-1/2 transform border-l-4 border-r-4 border-t-4 border-transparent border-t-black"
+			></div>
+		</div>
+	</div>
 </div>

website/src/routes/api/coin/[coinSymbol]/+server.ts

@@ -132,7 +132,8 @@ export async function GET({ params, url }) {
                 creatorId: coin.creatorId,
                 creatorName: user.name,
                 creatorUsername: user.username,
-                creatorBio: user.bio
+                creatorBio: user.bio,
+                creatorImage: user.image
             })
             .from(coin)
             .leftJoin(user, eq(coin.creatorId, user.id))

website/src/routes/api/rewards/claim/+server.ts

@@ -0,0 +1,155 @@
+import { auth } from '$lib/auth';
+import { error, json } from '@sveltejs/kit';
+import { db } from '$lib/server/db';
+import { user } from '$lib/server/db/schema';
+import { eq } from 'drizzle-orm';
+import type { RequestHandler } from './$types';
+
+const TWELVE_HOURS_MS = 12 * 60 * 60 * 1000;
+const THIRTY_SIX_HOURS_MS = 36 * 60 * 60 * 1000;
+
+const REWARD_TIERS = [
+    1200,   // Day 1
+    1500,   // Day 2
+    1800,   // Day 3
+    2100,   // Day 4
+    2500,  // Day 5
+    3000,  // Day 6
+    3500,  // Day 7
+    4000,  // Day 8+
+];
+
+function calculateStreak(lastClaim: Date | null, currentStreak: number): number {
+    if (!lastClaim) return 1;
+
+    const timeSinceLastClaim = Date.now() - lastClaim.getTime();
+
+    // reset streak if more than 36 hours
+    if (timeSinceLastClaim > THIRTY_SIX_HOURS_MS) return 1;
+
+    // only increment if within valid window (12-36 hours)
+    if (timeSinceLastClaim >= TWELVE_HOURS_MS) return currentStreak + 1;
+
+    return currentStreak;
+}
+
+function calculateReward(streak: number): { total: number; base: number } {
+    const tierIndex = Math.min(streak - 1, REWARD_TIERS.length - 1);
+    const base = REWARD_TIERS[tierIndex];
+
+    return { total: base, base };
+}
+
+export const POST: RequestHandler = async ({ request }) => {
+    const session = await auth.api.getSession({ headers: request.headers });
+    if (!session?.user) throw error(401, 'Not authenticated');
+
+    const userId = Number(session.user.id);
+    const now = new Date();
+
+    return await db.transaction(async (tx) => {
+        const userData = await tx.select({
+            id: user.id,
+            baseCurrencyBalance: user.baseCurrencyBalance,
+            lastRewardClaim: user.lastRewardClaim,
+            totalRewardsClaimed: user.totalRewardsClaimed,
+            loginStreak: user.loginStreak
+        })
+            .from(user)
+            .where(eq(user.id, userId))
+            .limit(1);
+
+        if (!userData[0]) {
+            throw error(404, 'User not found');
+        }
+
+        const currentUser = userData[0];
+
+        if (currentUser.lastRewardClaim) {
+            const timeSinceLastClaim = now.getTime() - currentUser.lastRewardClaim.getTime();
+            if (timeSinceLastClaim < TWELVE_HOURS_MS) {
+                return json({
+                    error: 'Daily reward not yet available',
+                    canClaim: false,
+                    timeRemaining: TWELVE_HOURS_MS - timeSinceLastClaim
+                }, { status: 429 });
+            }
+        }
+
+        const newStreak = calculateStreak(currentUser.lastRewardClaim, currentUser.loginStreak || 0);
+        const reward = calculateReward(newStreak);
+
+        const currentBalance = parseFloat(currentUser.baseCurrencyBalance || '0');
+        const currentTotalRewards = parseFloat(currentUser.totalRewardsClaimed || '0');
+        const newBalance = currentBalance + reward.total;
+        const newTotalRewards = currentTotalRewards + reward.total;
+
+        await tx.update(user)
+            .set({
+                baseCurrencyBalance: newBalance.toFixed(8),
+                lastRewardClaim: now,
+                totalRewardsClaimed: newTotalRewards.toFixed(8),
+                loginStreak: newStreak
+            })
+            .where(eq(user.id, currentUser.id));
+
+        return json({
+            success: true,
+            rewardAmount: reward.total,
+            baseReward: reward.base,
+            newBalance,
+            totalRewardsClaimed: newTotalRewards,
+            loginStreak: newStreak,
+            nextClaimTime: new Date(now.getTime() + TWELVE_HOURS_MS)
+        });
+    });
+};
+
+export const GET: RequestHandler = async ({ request }) => {
+    const session = await auth.api.getSession({ headers: request.headers });
+    if (!session?.user) throw error(401, 'Not authenticated');
+
+    const [currentUser] = await db.select({
+        id: user.id,
+        baseCurrencyBalance: user.baseCurrencyBalance,
+        lastRewardClaim: user.lastRewardClaim,
+        totalRewardsClaimed: user.totalRewardsClaimed,
+        loginStreak: user.loginStreak
+    })
+        .from(user)
+        .where(eq(user.id, Number(session.user.id)))
+        .limit(1);
+
+    if (!currentUser) {
+        throw error(404, 'User not found');
+    }
+
+    const now = new Date();
+
+    let canClaim = true;
+    let timeRemaining = 0;
+    let nextClaimTime = null;
+
+    if (currentUser.lastRewardClaim) {
+        const timeSinceLastClaim = now.getTime() - currentUser.lastRewardClaim.getTime();
+        if (timeSinceLastClaim < TWELVE_HOURS_MS) {
+            canClaim = false;
+            timeRemaining = TWELVE_HOURS_MS - timeSinceLastClaim;
+            nextClaimTime = new Date(currentUser.lastRewardClaim.getTime() + TWELVE_HOURS_MS);
+        }
+    }
+
+    const potentialStreak = calculateStreak(currentUser.lastRewardClaim, currentUser.loginStreak || 0);
+    const reward = calculateReward(potentialStreak);
+
+    return json({
+        canClaim,
+        rewardAmount: reward.total,
+        baseReward: reward.base,
+        timeRemaining,
+        nextClaimTime,
+        totalRewardsClaimed: Number(currentUser.totalRewardsClaimed || 0),
+        lastRewardClaim: currentUser.lastRewardClaim,
+        loginStreak: currentUser.loginStreak || 0
+    });
+};

website/src/routes/api/user/[userId]/+server.ts

@@ -24,6 +24,7 @@ export async function GET({ params }) {
                 createdAt: true,
                 baseCurrencyBalance: true,
                 isAdmin: true,
+                loginStreak: true,
             }
         });
 

website/src/routes/coin/[coinSymbol]/+page.svelte

@@ -7,18 +7,10 @@
 	import TradeModal from '$lib/components/self/TradeModal.svelte';
 	import CommentSection from '$lib/components/self/CommentSection.svelte';
 	import UserProfilePreview from '$lib/components/self/UserProfilePreview.svelte';
-	import {
-		TrendingUp,
-		TrendingDown,
-		DollarSign,
-		Coins,
-		ChartColumn,
-		CalendarDays
-	} from 'lucide-svelte';
+	import { TrendingUp, TrendingDown, DollarSign, Coins, ChartColumn } from 'lucide-svelte';
 	import {
 		createChart,
 		ColorType,
-		type Time,
 		type IChartApi,
 		CandlestickSeries,
 		HistogramSeries
@@ -61,7 +53,6 @@
 			coin = result.coin;
 			chartData = result.candlestickData || [];
 			volumeData = result.volumeData || [];
-
 		} catch (e) {
 			console.error('Failed to fetch coin data:', e);
 			toast.error('Failed to load coin data');