The Admin Panel is a Vue.js-based internal tool designed to manage the entire content ecosystem of the UZDigital TV streaming platform. It enables content managers and admins to easily create, update and organize movies, TV channels and subscription packages in real time.

Vue.js

Image of an iPhone lying on a table

Problem

Managing and updating content for a streaming platform like UZDigital TV was time-consuming and inefficient due to the lack of a centralized, user-friendly system. Content managers struggled with scattered tools and manual processes to handle movies, TV channels and subscription plans. To solve this, I built a Vue.js-based admin panel — a single interface to add, edit and control platform data. It streamlined workflows, connected seamlessly with APIs, supported local roles and permissions and made content management faster, easier and more secure.

Image of people at a desk with their computers
Image of people at a desk with their computers

Production technology in detail

The admin panel was developed using Vue.js 2, with Vuex implemented for scalable and centralized state management. For data visualization, I integrated Chart.js to render dynamic line graphs displaying key statistics. To enhance content organization, I built a drag-and-drop functionality for sorting movie listings using the vuedraggable library. Additionally, I incorporated vue-hls-player to deliver a customizable, high-performance video player for streaming HLS content directly within the panel.

movies
movies
client
client
reports
reports
tv chanels
tv chanels
Image of an iPhone lying on a table