🌐 Discord Profile Card

📝 Features

Realtime update info from Discord

• Show Discord Status
• Show Discord Username
• Show Discord Discriminator
• Show Discord Avatar
• Show Discord Banner
• Show Discord Badges
• Show Discord Bio
• Responsive for mobile

Preview

- Online
- Idle / AFK
- Do not disturb
- Streaming
- Offline / Insivible

Stuff I used to make this

• Source code of this website is form Domin-MND (I just edit it).
• To make realtime Discord Status, I used Landyard API by Phineas.
• For realtime banner update, I used Mesavirep's Discord API.

⚙️ How to use

1. Fork this repository
2. Edit index.html and style.css to your liking
3. Go to your repository settings and enable GitHub Pages
4. Change Discord User ID to your own in script.js (line 1)

const userID = "<discord user id>";

Note This project is using Landyard API to get user data. So you need to join this server, then the bot can read your status and information to display them realtime on the website.