Overview
KorimaCode is a community advertising board for people who build startups and software. Every registered user gets one free tile on a shared bento grid to show what they are building: an image, GIF, video or website screenshot that links to their project. It also includes a click ranking and a free, bento.me-style public profile for each user.
Features
- Public board — a shared bento grid where each user's tiles are grouped into a rectangular block; recently boosted blocks rise to the top
- More tiles — users can add tiles to form larger blocks, and every new tile boosts all of their tiles back to the top (the purchase flow is mocked in this MVP; no real payments yet)
- Layout editor — drag and resize tiles inside your own block with gridstack, validated on the server so rectangles never overlap
- Rich tile content — image, GIF, MP4 video, YouTube/Vimeo embeds and automatic website screenshots
- Click ranking — the same tiles ordered by clicks, with basic anti-abuse: one counted click per IP per tile per day, stored as a salted hash
- Personal profile (/u/username) — a link-in-bio page with avatar, bio, social links, titles and media blocks
- Sign-in — Google, GitHub or passwordless magic link by email, followed by an onboarding step to pick a username (with reserved names and a change cooldown)
Technical Details
- Framework: Next.js 15 (App Router) with React 19, TypeScript, Server Components and Server Actions validated with Zod
- UI: Tailwind CSS v4, shadcn/ui primitives and a light "liquid glass" style
- Database: Neon serverless Postgres with Drizzle ORM and drizzle-kit migrations
- Auth: Auth.js v5 with the Drizzle adapter and database sessions
- Storage: Vercel Blob for uploads; screenshots captured through microlink.io
- Grid: a pure repack algorithm that packs each owner's tiles as a super-block within the board columns
- Testing: Vitest unit tests for the grid, usernames and embed parsing, and Playwright end-to-end smoke tests
- Deployment: Vercel