TOI VideoShow – Responsive Video

TOI VideoShow – Responsive Video Detail & Content Platform UI Developed the responsive VideoShow detail-page UI for Times of India’s high-traffic Web/mWeb platform.

Built the complete video-detail experience including video player, metadata, description, sharing actions, comments and recommended content.

Developed a reusable and modular content-card component with conditional rendering to support multiple content types and layouts from a common component structure.

Implemented the same reusable card architecture across Top Viral Videos, Short Videos, Related Articles and Recommended Playlist sections with different data, content and UI states.

Built responsive featured-content layouts, including large lead cards combined with supporting cards and multi-column content grids.

Developed horizontal/carousel-style sections for Short Videos and Related Articles, including navigation controls and responsive card behaviour.

Integrated the Share Your Opinion / Comments UI into the VideoShow experience, including first-comment state and user interaction entry point.

Implemented responsive video player controls, playback UI, overlays, metadata, CTA actions and supporting content sections.

Worked on conditional UI rendering for different content formats while maintaining a consistent design system and reusable frontend architecture.

Built the page for desktop, tablet and mobile Web/mWeb experiences, ensuring responsive layouts and component behaviour across screen sizes.

Focused on pixel-accurate UI implementation, reusable components, CSS architecture, cross-browser compatibility and production-ready frontend development.