The brief
Onshuffle is an Arizona show promoter working in the local underground and DIY music scene. They needed a site that did two jobs at once: promote the brand, and actually show what is happening.
Someone should land on the homepage, see what is coming up, find the venue, and grab a ticket without thinking about it.
I built this as a full-stack app: a public Next.js site for fans, and a Node and MongoDB backend that powers the listings and runs the team's admin console.
What I delivered
- A full-stack build: a public Next.js site and a Node and MongoDB backend that powers it.
- The public site: home, shows, past shows, venues, about, and links.
- A venues directory people can browse to see where shows are happening.
- Ticket links that go straight to checkout so fans are not chasing the right page.
- An admin console the team uses to add shows, edit details, mark shows sold out, and hide things from the public site.
- Automatic listing updates so the team is not editing the site by hand for every show.
How it works for the team
The team logs in, adds or edits a show, marks it sold out or hides it, and the public site updates. No code, no developer in the loop.
Tools and stack
- Frontend: Next.js (App Router), React, TypeScript, Tailwind CSS
- Backend: Node.js, MongoDB
- Integrations: TicketTailor (ticketing source)
- Hosting: Netlify (frontend), MongoDB Atlas
