Telegram Bot - Node.js And React.js

Telegram Bot - Node.js & React.js

Telegram Bot - Node.js & React.js is a powerful and flexible solution designed to manage multiple Telegram bots from a single, user-friendly interface. Built using modern technologies like Node.js for the backend and React.js for the frontend, this platform offers high performance, scalability, and ease of customization.

With built-in auto-reply functionality, you can automate responses to users based on keywords, commands, or message patterns—perfect for handling FAQs, customer support, or engaging with your audience 24/7. Whether you’re managing one bot or many, this system makes it easy to control and monitor them all in one place.

Perfect for developers, businesses, and bot service providers looking to scale their Telegram automation efficiently.

Features

• ✅ Multi-Bot Support: Connect and manage several Telegram bots simultaneously.
• 🤖 Auto-Reply System: Create custom reply rules with ease.
• 📊 Dashboard UI: Clean and responsive dashboard built with React.js.
• 🔒 Secure API Integration: Built with Node.js and secure best practices.
• ⚙️ Customizable & Extendable: Easily add new features or integrate with external services.
• 🚀 Fast & Lightweight: Optimized for performance, suitable for VPS hosting.

Requirements

• 🖥️ Operating System: Ubuntu 20.04+ / Debian 10+ / Any Linux-based VPS
• 🟢 Node.js: v16.x or higher
• 🗃️ Database: MongoDB (Local or Cloud, e.g. MongoDB Atlas)
• 📦 Package Manager: npm or yarn
• 📡 Public Access: A domain or public IP (for webhook access)
• 🔐 Telegram Bot Token: From BotFather
• 🌐 Optional (Frontend): Node.js-compatible environment to serve React app (e.g. Vite, Next.js, or static hosting)

Instructions

1. Download & Extract Files Extract telegram-bot.zip, then extract both backend.zip and frontend.zip into separate folders.
2. Install Backend Dependencies Open terminal and navigate to the backend folder: cd path-to-folder/backend npm install
3. Check or Edit Environment Variables (Optional) A .env file is already provided in the backend folder. You can open and edit it if you need to change values like the bot token, MongoDB URI, or port.
4. Set Backend Port (Optional) By default, the backend runs on PORT=3000 as specified in the .env file. If you want to change this, simply edit the PORT variable in .env.
5. Run Backend Server In the backend folder, run the following command to start the backend server: npm run dev The backend should now be running at http://localhost:3000
6. Install Frontend Dependencies In a new terminal window, navigate to the frontend folder: cd path-to-folder/frontend npm install
7. Check or Edit API_URL (Optional) The frontend uses the API_URL defined in src/utils/constant.js to make requests to the backend. If you need to change the API URL, open the constant.js file and update the API_URL variable to match your backend URL (e.g., http://localhost:3000).
8. Run Frontend App To start the frontend app, run the following command: npm run dev By default, Vite will run the frontend on http://localhost:5173 (or another available port if 5173 is taken). You can check the Vite server log to see the exact port used after starting the app.

Note: Make sure MongoDB is running locally or remotely, depending on your .env configuration.