Backyard Marquee
Backyard Marquee is a concert lineup builder for creating, sharing, and discussing dream 5-artist bills.
It combines artist search, lineup creation, comments, likes, leaderboard views, and social preview cards into one public-facing app.
Live App
What It Does
- Search artists from Spotify data
- Build a 5-artist lineup
- Publish lineups with shareable URLs
- Add comments and likes
- Browse popular lineups and artists
- Generate OG previews for lineup links
Screenshots
Stack
- React 18 + Vite
- Express 5
- Turso / SQLite
- JWT auth
- Google OAuth
- Vercel frontend
- Render API
Public/Auth Behavior
- Anyone can browse public content.
- Signed-in users can create and manage their own lineups.
- The app also supports guest creation for quick lineup drafts.
Public Repo Notes
This is a public demo/product repo. Do not commit .env files, real API keys, OAuth secrets, database tokens, private user exports, logs, or moderation/admin data.
Local Development
The project uses separate client/ and server/ apps.
Server
cd server
npm install
npm run dev
Client
cd client
npm install
npm run dev
Environment Variables
server/.env
TURSO_DATABASE_URL=
TURSO_AUTH_TOKEN=
JWT_SECRET=
SPOTIFY_CLIENT_ID=
SPOTIFY_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
FRONTEND_URL=
PORT=3001
client build env
VITE_API_URL=https://backyard-marquee-api.onrender.com/api
