Telegram Bot Stats Dashboard

A modern Next.js + React + TailwindCSS dashboard that displays usage statistics of a Telegram bot with a beautiful dark-themed UI and animated charts.

🚀 Getting Started

1. Install dependencies

npm install

2. Run the development server

npm run dev

The app will be available at http://localhost:3000

---

🛠 Troubleshooting

If you get dependency errors related to React version:

npm uninstall react react-dom
npm install react@18 react-dom@18

---

⚙️ Configuration

The bot's API endpoint is configured in:

lib/bot-config.ts

Replace the URL or settings in that file to connect to your real Telegram bot data source.

Example:

export const BOT_API_URL = "https://your-bot-server.com/api/stats";

---

📂 Project Structure

/pages          → Next.js pages
/components     → Reusable UI components
/lib            → Bot config and utilities
/public         → Static assets

---

💻 Tech Stack

• Next.js (React framework)
• React 18
• TailwindCSS (UI styling)
• Chart.js (data visualization)

---

📜 License

This project is licensed under the MIT License.