Front-End Developer
Current• Implemented Non-Time Consuming (NTC) advertisement inventory features such as squeeze frame, ticker tape, and superimpose on the watchpage TV app using ReactJS, while consuming data from the Kotlin Multiplatform library.• Developed movie/series recommendation functionalities using Elasticsearch based on genres, actors, and directors, resulting in a twofold increase in total plays and a 6% boost in click-through rate (CTR).• Enhanced the live chat feature on Vidio web by implementing exponential backoff in the WebSocket client, effectively reducing the risk of denial-of-service attacks on the server.• Optimized the performance and loading times of Vidio web-desktop and web-mobile pages by employing code splitting techniques for JS and CSS files.• Created a sports schedule feature on the TV app using ReactJS, allowing users to easily access past, present, and future content schedules and seamlessly redirecting them to livestreaming watchpages, thereby increasing total plays.• Introduced a "continue watching" feature and prominently displayed it on the homepage of Vidio web-desktop and web-mobile, utilizing local storage to enable users to resume viewing the same video content effortlessly.• Established custom sections on Vidio web-desktop and web-mobile using JavaScript, enabling sections with personalized backgrounds and colors, which can be leveraged as advertisement inventory for sponsors.• Migrated legacy components of Vidio.com Mobile Web from Slim on Rails to ReactJS components integrated with JSON API.• Elevated code quality by identifying and rectifying SonarQube issues and implementing Sonarlint in the code editor to proactively identify potential codebase issues.• Took a proactive approach by engaging product managers in constructive discussions regarding proposed feature developments.• Collaborated closely with designers, engineers, and product managers to develop a comprehensive design system for Vidio.
