Skip to content

hackclub/remixed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e0186da · · Apr 3, 2026

History

287 Commits
Mar 9, 2026
Apr 1, 2026
Mar 23, 2026
Apr 3, 2026
Mar 31, 2026
Mar 23, 2026
Mar 9, 2026
Mar 9, 2026
Mar 9, 2026
Mar 14, 2026
Mar 23, 2026
Mar 24, 2026
Mar 14, 2026
Apr 1, 2026
Apr 1, 2026
Mar 23, 2026
Mar 9, 2026
Mar 9, 2026

Remixed

logo

YS: Music-inspired projects

WS: Music-related prizes!

Screenshots

Note

The data here does not represent the data on the official remixed.hackclub.com deployment.

Landing Page Design

landing

Projects

projects

Shop

shop

Profile

profile

Admin Dashboard

admin

Features

  • Hackatime integration
  • Hack Club Auth integration
  • Referral link tracking
  • Project creating / editing
  • STD Stack (SvelteKit, TailwindCSS, Drizzle ORM)
  • Admin dashboards
    • User roles
    • Shop items
    • Order fulfillment
    • Project management
    • Ship reviews

Contributing

  1. Clone the repo
git clone https://github.com/hackclub/remixed.git

cd remixed/
  1. Install the dependencies
npm install
  1. Setup the environment variables
# Either host an instance locally (https://www.postgresql.org/download/) or use an online provider, such as Neon

POSTGRES_DATABASE_URL=postgresql://{DB_OWNER}:{DB_PASSWORD}@{DB_URL}


# https://hackatime.hackclub.com/oauth/applications > Make a new OAauth app with profile and read scopespes

HACKATIME_OAUTH_SECRET=lkdjfldskjflksdfsdfkjlkdsfjlksdfjlksdflkjsdkfksdfksk


# https://auth.hackclub.com/developer/apps > Make a new app > Give it openid, email, name, profile, verification_status, slack_id > Get its secretts secret

HCA_CLIENT_SECRET=123456789acbdef123456789acbdef


# Base URL for HCA

HCA_BASE_URL=https://auth.hackclub.com


# Generated by running `node -e "console.log(require('crypto').randomBytes(32).toString('hex'))"` in your terminal

ENCRYPTION_KEY=123456789acbdef123456789acbdef

SESSION_SECRET=123456789acbdef123456789acbdef


# https://api.slack.com/apps > Make a new app > Give it chat:write, im:write, users.profile.read scopesscopes

SLACK_BOT_USER_OAUTH_TOKEN=xoxb-ljfdkhgdlkjfhglskdflkgsdfgkjdsfglkfdsg


# Slack channel id to send updates to (The bot has to be in this channel)

SLACK_SHOP_UPDATES_CHANNEL_ID=C012A3BC456


# Time for Hackatime to use when getting projects/project times

HACKATIME_START_DATE=2026-03-23


# Client ID of the HCA app made for HCA_CLIENT_SECRET

PUBLIC_HCA_CLIENT_ID=123456789acbdef


# OAuth UID of the Hackatime app made for HACKATIME_OAUTH_SECRET

PUBLIC_HACKATIME_OAUTH_UID=kdskjsljdkfsdkfjdsfslkdlkjfdslkj


# Callback URL of the HCA app (make sure to add this to its options)

PUBLIC_CALLBACK_URL=http://localhost:5173/auth/callback/hca


# [pixi pls i need you what is this]

PUBLIC_POSTHOG_PROJECT_KEY=
  1. Initialize the DB
npm run db:push
  1. Start the server!
npm run dev
  1. If you want admin privleges, make a user, then in Drizzle Studio (npm run db:studio), give your user the ORGANIZER role. This will let you access /admin pages.