DisPanel - Discord Bot Management Panel

DisPanel is a full-featured web-based control panel to manage Discord bots with ease. It lets you authenticate your bots, monitor real-time stats, manage servers (guilds), send messages, and more — all in one place.

📸 Screenshots

• Login
  

• Dashboard
  

• Message Interface
  

**And More!

✨ Features

• 🔐 Discord bot token-based login system
• 📊 Real-time bot stats (uptime, ping, memory usage)
• 💬 Send messages to channels or DMs
• 🛠 Guild management (join/leave servers)
• 💻 Live chat and console logs
• 🌙 Light/Dark mode support
• 🖥️ Clean and modern UI with shadcn/ui + Tailwind CSS

---

⚙️ How to Set Up

🧱 Step 1: Clone the Repository

git clone https://github.com/yourname/dispanel.git
cd dispanel

---

📦 Step 2: Install Dependencies

Backend

cd server
npm install

Frontend

cd ../client
npm install

---

---

🗃 Step 3: Set Up Database

Ensure PostgreSQL is running.

Run database migrations using Drizzle:

cd server
npx drizzle-kit push

---

🧪 Step 4: Run the App in Development Mode

Start Backend

cd server
npm run dev

Start Frontend

cd ../client
npm run dev

Now open your browser and go to:

http://localhost:5173

---

🚀 Step 5: Build for Production

Build the frontend:

cd client
npm run build

Then go to the backend:

cd ../server
npm run build
npm start

---

🧠 Tech Stack

Frontend

• ⚛️ React + Vite
• 🎨 Tailwind CSS with Discord color palette
• 🧩 shadcn/ui (built on Radix UI)
• 🌐 Wouter (routing)
• 🔁 TanStack Query (state management)
• 🔌 WebSocket client
• 🟦 TypeScript

Backend

• 🧠 Express.js (TypeScript)
• 🤖 Discord.js
• 🛢 PostgreSQL + Drizzle ORM
• 🧵 Express sessions (PostgreSQL store)
• 🌐 WebSocket server
• 🧰 tsx + ESBuild

---

🗃️ Database Tables

• bot_sessions: Stores bot token sessions
• bot_messages: Logs message history
• bot_guilds: Tracks bot’s guilds
• bot_stats: Logs live statistics

---

🌍 Deployment Strategy

Development

• Vite for frontend hot reload
• tsx for running TypeScript backend
• PostgreSQL (local or remote)
• WebSocket for real-time updates

Production

• Frontend built to static assets (npm run build)
• Backend compiled to single JS file (npm run build)
• Static files served via Express
• Environment variables for secure configuration
• DB migrations handled via Drizzle Kit

---

📅 Changelog

June 27, 2025 ✅ Initial release of DisPanel 🟢 Added real-time updates, Discord bot integration, full UI

---

📄 License

MIT License

---

🙋‍♂️ Questions or Contributions?

Feel free to open an issue or pull request on the repository!

Happy botting! 🤖