I worked on one of my most exciting full-stack projects — a video streaming platform inspired by services like Netflix and 30nama. This platform was designed to stream both on-demand and user-uploaded videos, offering a sleek UI/UX and a robust backend to handle real-time video playback, user interactions, and media management.

The tech stack was based on React for the frontend, and I integrated React Player for smooth video playback. To enhance the UI, I used MUI (Material UI) and React Bootstrap, along with FontAwesome for icons. For styling and customization, I leaned on Emotion and SASS.

The application also included a dynamic and feature-rich Admin Panel, built with a modular architecture to manage videos, users, and analytics. To handle asynchronous data and API calls efficiently, Axios was used.

Some key libraries and tools I used in the frontend: • react-player – for embedding and customizing the video player • @mui/material & react-bootstrap – for UI components and layout • @ckeditor/ckeditor5-react – for rich text editing in video descriptions and admin input • axios – for API communication • react-toastify – for real-time notifications • react-infinite-scroll-component – for infinite scrolling in video lists • screenfull – to provide fullscreen mode for videos • react-hook-recorder – to allow users to record and upload their own clips • workbox suite – to implement PWA features like caching and background sync

This project gave me deep experience in building scalable, interactive platforms, and taught me a lot about performance optimization, video handling, and user experience in high-demand web apps.