StreamTunes is a single page, video library app for users to jam, listen to and watch their favorite tunes and songs. Users can explore the listed videos and filter them based on their category or sort videos based on upload date. The explore page has a rich user experience with infinite loader. Users can also search for videos by their names which has been enhanced by debouncing technique. Users can create, add/ remove videos to or delete playlists. History, liked videos and watch later management is also included in the app. Additionally, users can toggle between dark and light themes giving them a rich experience.
Tech Stack
- React
- React Router DOM v6
- Elixir UI component library
- Mock backend with mockBee
- React Toastify
Project Learnings
Debouncing, and frontend infinite loading using IntersectionObserver was a key takeaway.
Project Challenges
- Updating the history of watched videos when a video already in history is re-watched. Edited the backend controllers for history management to improve experience.