NEP Mediabank is a leading media asset management platform that has powered the world’s largest live and near-live productions for over 15 years. Designed as a cloud-based solution, it enables enterprises to manage less and monetize more with intuitive search, live ingest, automation, and real-time collaboration.

With the help of this platform, companies can not only manage and categorize their media assets but also edit them by creating shorter clips. The app features a video timeline where users can mark key events—such as goals, yellow cards, or fouls—and instantly generate highlight clips using simple shortcuts. This makes the platform an essential tool for live event productions.

The app is widely used by major sports organizations such as UEFA, MLS, Bundesliga, Sportradar, Rikstoto, and Eurosport, playing a crucial role in sports broadcasting. Given its adoption across various industries, the UI needed to be highly practical, customizable, and feature-rich while maintaining ease of use.

As a Software Developer on this project, I focused on frontend development, building feature-rich UI components and optimizing performance to ensure a smooth user experience. I worked extensively with React.js and JavaScript, implementing a highly interactive and scalable interface. The app's styling was handled using Styled Components, with components heavily customized from a Material UI base to meet business needs.

State management was powered by Redux, which introduced significant complexity due to the application's dynamic nature. One of the biggest challenges was structuring and maintaining a highly scalable Redux store to handle vast amounts of media data efficiently.

To improve performance, we implemented memoization and lazy loading, significantly reducing rendering overhead and enhancing responsiveness. Additionally, I contributed to testing efforts by writing robust test cases using Jest and Cypress to ensure the stability and reliability of the application.