Discord Pinger is a simple web application that allows users to ping specific Discord users or entire channels using a Discord webhook. It supports customizable messages, usernames, and bot avatars.
- Ping specific users, everyone, or here with a custom message.
- Custom bot name and avatar URL support.
- Form validation for empty fields and proper URL format.
- Light/Dark mode toggle.
- Built with Next.js 14, TypeScript, and Shadcn UI.
- Next.js (version 14)
- TypeScript
- Shadcn UI for UI components
- Tailwind CSS for styling
- Next Themes for dark/light mode toggling
Link: Demo Site
- Clone the repository:
git clone https://github.com/your-username/discord-pinger.git
cd discord-pinger- Install the dependencies:
npm install- Start the development server:
npm run dev- Open your browser at:
http://localhost:3000
- Insert the Discord Webhook: Paste the webhook URL for the Discord channel you want to send messages to.
- Select Target: Choose from "User", "@everyone", or "@here". If "User" is selected, you'll need to insert the Discord user ID.
- Insert the Message: Write the message you want to send.
- Bot Customization: You can optionally add a bot name and avatar image URL.
- Send the Ping: Click the "Ping" button to send the message.
-
Discord Webhooks: Learn more about how to create a Discord webhook here.
-
Environment Variables: You may use environment variables to store sensitive information. To use
.env:NEXT_PUBLIC_DISCORD_WEBHOOK=<YOUR_DISCORD_WEBHOOK>
Contributions are welcome! Please open an issue or submit a pull request with any features or improvements.
This project is licensed under the MIT License - see the LICENSE file for details.