The latest articles on DEV Community by Techno Otaku V2 (@technootaku). https://dev.to/technootaku https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3349571%2Fea17c7b8-7e81-41c2-b783-9d767fc5bf55.webp https://dev.to/technootaku en Techno Otaku V2 Sat, 12 Jul 2025 23:22:20 +0000 https://dev.to/technootaku/-i-built-quotesparkbot-a-telegram-bot-for-multilingual-quotes-with-custom-image-generation-19o6 https://dev.to/technootaku/-i-built-quotesparkbot-a-telegram-bot-for-multilingual-quotes-with-custom-image-generation-19o6 <p>Hey devs 👋</p> <p>Just finished a personal side project I wanted to share: QuoteSparkBot, a Telegram bot that delivers inspirational quotes… with a twist.</p> <blockquote> <p>The goal: provide translated, visual, and fully personalized quotes inside Telegram – with rich customization and automation options.</p> </blockquote> <h2> ⚙️ Key Features </h2> <ul> <li>🖼 Stylized quote images generated via a custom Canvas engine</li> <li>🌍 Automatic translation (supports 10+ languages)</li> <li>🛠 User preference system: style, themes, subtitles, captions, etc.</li> <li>📅 Scheduled quote posting in groups/channels</li> <li>💬 Custom captions/legends</li> <li>💎 Premium mode (beta) for content creators</li> <li>🔐 Backend secured with persistent storage and encoded logic</li> </ul> <h2> 🚀 Try it out </h2> <blockquote> <p>👉 <a href="https://t.me/QuoteSparkBot" rel="noopener noreferrer">https://t.me/QuoteSparkBot</a></p> </blockquote> <p>Bot is live and can be added to groups and channels.</p> <h2> 📸 Visual Example </h2> <blockquote> <p>Example customization menu:<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frivqlzcrdnk79ttcmv02.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frivqlzcrdnk79ttcmv02.png" alt=" " width="423" height="524"></a></p> <p>Example Quote cards models menu<br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fihgbhvj11gj4aeyhit4h.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fihgbhvj11gj4aeyhit4h.png" alt=" " width="448" height="276"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Futk8y09ledux2of14bfb.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Futk8y09ledux2of14bfb.jpg" alt="Image themes" width="800" height="500"></a><br> <strong>Futuristic Theme</strong><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwkioabg7tz9dd0pw6rdq.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwkioabg7tz9dd0pw6rdq.jpg" alt="Image theme" width="800" height="500"></a><br> <strong>Urban theme</strong></p> </blockquote> <h2> 🧰 Tech Stack </h2> <ul> <li>Node.js + node-telegram-bot-api</li> <li>Canvas-based custom image renderer</li> <li>MongoDB for preferences &amp; logs</li> <li>Task scheduler (cron-style) for automated delivery</li> <li>Telegram inline keyboard interface + callback handlers</li> </ul> <h2> 🔧 What I learned </h2> <ul> <li>How to build a dynamic image generator with Canvas in Node</li> <li>Implementing user preference systems with persistence</li> <li>Keeping Telegram UX smooth while handling customization</li> <li>Building something stable and production-ready</li> </ul> <h2> 💬 Looking for feedback </h2> <p>Happy to hear any thoughts:</p> <ul> <li>Features you’d expect from a quote bot?</li> <li>How to make onboarding more engaging?</li> <li>Dev questions about image gen, scheduling, or architecture?</li> </ul> <p>Thanks for reading 🙏</p> <p>— Techno otaku</p> node programming beginners telegram