This project has since been deprecated.
Joechella was a custom website built for a joint birthday weekend event. It served as an event hub for guests — starting with event details and a countdown, and expanding to include idea submission and voting, activity notifications, and admin-managed guest accounts.
Landing page
The landing page features an animated background using the “Halo” effect from Vanta.js, with a login modal to authenticate before entering the site.
Event page
After logging in, guests were taken to the event page. This showed the main details and included a countdown timer for when guests would arrive from out of town. There was also an embedded Spotify playlist that guests could add to.
Ideas page
One of the main features was letting guests submit and vote on ideas for activities. Each person had five votes to distribute however they liked, surfacing the most popular ideas. A vote bar showed remaining votes visually, and a filter toggle let guests switch between all ideas and only their own.
Ideas could be viewed in more detail, edited by the original author, and commented on. Guests could follow an idea — when someone commented or replied, the notification icon in the top-right showed a red badge for unread updates.
Notifications
Clicking the bell opened a notifications page showing all recent updates. Clicking a notification marked it as read and navigated to the relevant page.
Account management
Guest accounts were created and managed by an admin. Guests could update their profile picture, with file type (JPEG or PNG) and size validated client-side before upload.
Stack
This project predates the current stack setup, so the setup differs slightly from newer projects.
- Frontend: Next.js, Mantine
- Backend: NextAuth.js (authentication), Prisma (database ORM)
- Infrastructure: Supabase (PostgreSQL), Vercel (hosting), GitHub Actions (CI/CD)