Back to projects
2026fullstackFull Stack Developer● In Progress

Motivo.

Musician-creator marketplace for student collaborations. Musicians build searchable profiles; creators post gigs. Pure discovery and direct email contact — no messaging, no payments.

Motivo
01Overview

Motivo 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 14 App Router with Server Components and Server Actions, Supabase PostgreSQL for data and Auth for Google OAuth + email/password sign-in. A role-based onboarding flow routes new users to the right experience on first sign-in. 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). Direct email contact keeps the platform lightweight — no messaging infrastructure, no application tracking.

03Highlights
  • 01Two-sided marketplace: musicians create filterable profiles; creators post gigs with instrument/genre requirements
  • 02Role-based onboarding (Musician / Creator) with Google OAuth + email/password via Supabase Auth
  • 033D stage-lights hero scene with React Three Fiber; GSAP ScrollTrigger for scroll-pinned animations
  • 04Many-to-many tagging system for instruments and genres across musicians and gigs via junction tables
  • 05Server 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