https://github.com/pdt1806/discord-status-as-image

Turn your Discord status into a simple, eye-catching image for easy sharing and display.
https://github.com/pdt1806/discord-status-as-image

discord discord-status-as-image expressjs mantine puppeteer react typescript

Last synced: 18 days ago
JSON representation

Turn your Discord status into a simple, eye-catching image for easy sharing and display.

• Host: GitHub
• URL: https://github.com/pdt1806/discord-status-as-image
• Owner: pdt1806
• License: mit
• Created: 2023-11-16T05:00:25.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-10-06T21:16:40.000Z (about 1 month ago)
• Last Synced: 2024-10-11T15:16:38.347Z (about 1 month ago)
• Topics: discord, discord-status-as-image, expressjs, mantine, puppeteer, react, typescript
• Language: TypeScript
• Homepage: https://disi.bennynguyen.dev
• Size: 78.4 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


Discord Status as Image


Turn your Discord status into a simple, eye-catching image for easy sharing and display. With your username and just a few clicks, setting things up is quick and easy!


![](https://raw.githubusercontent.com/pdt1806/discord-status-as-image/main/public/images/disi-readme.png)

## 💪 Features

- **Simple**: Just input your Discord username and you're all set.

- **Customizable**: Set your own banner (yes, even your own image), background color, etc. to make your status image unique.

- **Live**: Your status image updates in real-time, so you don't have to worry about it being outdated.

- **Multiple formats**: Deliver your status image in multiple formats, including .png, .svg, and embeddable iframe.

- **Shareable**: Share your status image with friends or on social media with just a click of a button.

## 📙 How to get a Discord Status image?

1. Access this website: https://disi.bennynguyen.dev

2. Following the instructions on the website

   1. Click on the invite link to join the server.

   2. Fill out the form with your Discord username and the desired settings.

   3. Hit Generate and you're all set.

## ⚙️ Technologies

- [React](https://reactjs.org/)

- [Mantine](https://mantine.dev/)

- [Cloudflare Pages](https://pages.cloudflare.com/)

- [Node.js](https://nodejs.org/en/)

- [Express](https://expressjs.com/)

- [Puppeteer](https://pptr.dev/)

- [Refiner Discord Bot](https://github.com/pdt1806/refiner-discord-bot)

  - [discord.py](https://discordpy.readthedocs.io/en/latest/)

  - [FastAPI](https://fastapi.tiangolo.com/)

  - [Uvicorn](https://www.uvicorn.org/)

## 👩‍💻 Main developer

|    |

| :-----------------------------------------------------------------------------------------------------------------------------------------------------------: |

|                                                             [pdt1806](https://github.com/pdt1806)                                                             |

## 📄 License

Discord Status as Image is licensed under the MIT License. See the [`LICENSE`](https://github.com/pdt1806/discord-status-as-image/blob/main/LICENSE).

## 🔗 An example use case

Go to [my GitHub profile](https://github.com/pdt1806) and look at the README to see how I use this tool to display my Discord status.

## 🤝 Contributions

Any contribution is appreciated. Just create an issue/pull request and I will review it ASAP.