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
- Devolvex for making hostin possible
- 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.