The latest articles on DEV Community by Vitaly Red (@rovizon). https://dev.to/rovizon 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%2F3336049%2Fef26de09-c01c-4b0f-8b14-9ea6883c32b3.jpg https://dev.to/rovizon en Vitaly Red Tue, 08 Jul 2025 19:03:56 +0000 https://dev.to/rovizon/how-i-built-radiocenterpro-a-catalog-of-online-radio-stations-from-around-the-world-559h https://dev.to/rovizon/how-i-built-radiocenterpro-a-catalog-of-online-radio-stations-from-around-the-world-559h <p>Hey everyone! 👋</p> <p>I’d like to share a personal side project I've been working on: RadioCenter.pro — a lightweight, fast, and distraction-free catalog of online radio stations. It’s built to help users easily discover and listen to radio stations by genre, country, or popularity — without ads, logins, or bloated interfaces.</p> <p>🚀 Why I Built It</p> <p>Most radio directories out there are either overloaded with ads or hard to navigate. I wanted a clean, fast alternative that just works — especially on mobile — and lets you jump into music in one click.</p> <p>🔧 Tech Stack</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Frontend: Umbrella JS + EtaJS templates Backend: Node.js + Koa.js Database: MariaDB Deployment: Docker + Nginx Hosting: VPS with Let's Encrypt via Cloudflare proxy Bonus: Auto-import of metadata (cover art, now playing info) from external APIs </code></pre> </div> <p>The site is optimized for performance and simplicity. It loads fast, even on low-end mobile devices, and remembers the last station you played.</p> <p>📂 Features</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Browse by genre, country, or popularity Quick access to the Top 100 most popular stations Newly added stations — updated regularly Support for 24/7 streams, talk radio, niche genres No user tracking, no unnecessary scripts </code></pre> </div> <p>🌐 Visit the Site</p> <p>Feel free to try it out: <a href="https://radiocenter.pro/en" rel="noopener noreferrer">https://radiocenter.pro/en</a> and russian version <a href="https://radiocenter.pro" rel="noopener noreferrer">https://radiocenter.pro</a></p> <p>🙌 What’s Next?</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Adding station playlists Station rating Progressive Web App (PWA) features </code></pre> </div> <p>💬 Feedback Welcome</p> <p>I’d love to hear your thoughts — both on the idea and the implementation. Would you use something like this? Any suggestions for improvement?</p> <p>Let’s talk in the comments! 👇</p>