An insight on all the data collected by Discord, formed into a video just like Spotify Wrapped!

Try it out

You can try it out on discordwrapped.com.

Credits

• Face & AssassiN for starting the project
• Iliannnn for cleaning up the code and creating the website
• RedVortexDev for redesign #1
• Arnav for redesign #2
• Zyztem for dockerizing the project

Self-hosting

Prerequisites:

• Node.js and npm installed on your machine.

Development

git clone https://github.com/Assassin-1234/discord-wrapped.git
cd discord-wrapped
cd frontend
npm install
npm run dev
cd ..
cd backend
npm install
npm run dev

Open your web browser and go to localhost:5173 or the URL specified in the frontend logs if the default port is already in use.

Production

Docker 🐳

git clone https://github.com/Assassin-1234/discord-wrapped.git
cd discord-wrapped

Edit .env.example in the backend directory to your preference.

docker-compose up -d

Using a reverse proxy, put the backend and frontend on the same address by adding a custom address /api/ with the chosen backend port (3020 by default).

Process Manager

cd frontend
npm install
npm run build
# Serve the build with your chosen process manager (e.g., http-server)
cd ..
cd backend
mv .env.example .env
npm install
npm run build
# Run with your chosen process manager
xvfb-run -s "-ac -screen 0 1920x1080x24" npm run start

Using a reverse proxy, put the backend and frontend on the same address by adding a custom address /api/ with the chosen backend port (3020 by default).

Contributing

Pull requests are appreciated

• Do not modify the audio.mp3
• Do not push your own data package

License

This OSS project is under an Apache license.

Contributors