Back to projects
2026fullstackFull Stack Developer

Escento.

Musician-creator marketplace for student collaborations. Musicians build searchable profiles; creators post gigs. In-app messaging with connection requests, blocking, and unread tracking.

Escento
01Overview

Escento connects student musicians with student creators for film, podcasts, live events, games, YouTube, and other creative projects. Two roles: Musicians build public profiles and get discovered; Creators post gig opportunities and browse talent. The platform is built on Next.js App Router with Server Components and Server Actions, Supabase PostgreSQL for data and Auth for email/password sign-in. A role-based onboarding flow routes new users to the right experience on first sign-in. Escento also ships a messaging foundation: signed-in users send connection requests before a conversation starts, accepted requests create participant-scoped direct conversations, per-participant unread tracking runs via `last_read_at`, and user blocking prevents requests and messages in either direction. The UI features a 3D stage-lights hero scene built with React Three Fiber, scroll-pinned animations via GSAP ScrollTrigger, and entrance animations via Framer Motion — all within a bright, bold design system with rounded-full chips, rounded-3xl cards, and a blue/pink/gold accent palette.

02Problem & Solution

Problem

Student musicians and student creators have no dedicated platform to find each other for collaborative projects. Existing tools (Instagram, LinkedIn) are too general and lack the structured filtering needed to match by instrument, genre, or project type.

Solution

A two-sided marketplace with filterable directories for both musicians (by instrument/genre) and gigs (by project type/instrument/genre), plus a lightweight in-app messaging layer (connection requests, blocking, unread tracking) instead of open DMs.

03Highlights
  • 01Two-sided marketplace: musicians create filterable profiles; creators post gigs with instrument/genre requirements
  • 02Role-based onboarding (Musician / Creator) with email/password via Supabase Auth
  • 03Messaging foundation: connection requests, participant-scoped conversations, unread tracking, user blocking
  • 043D stage-lights hero scene with React Three Fiber; GSAP ScrollTrigger for scroll-pinned animations
  • 05Many-to-many tagging system for instruments and genres across musicians and gigs via junction tables
  • 06Server Components + Server Actions throughout; all Supabase calls isolated to service layer
04Metrics
  • 2User Roles
  • 6Project Types
08Stack

frontend

  • Next.js 14
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • GSAP ScrollTrigger
  • React Three Fiber

backend

  • Supabase Auth

database

  • Supabase PostgreSQL

deployment

  • Vercel
09Links