React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

React Video Player

• create react app
• configure tailwind css
• npm install react-player , react-Route ,
• use react-player , react-Route , Hooks , useContext , Debounce

featuers

• render all Videos from mediaData.json file in Home.jsx page

• Browse

  • Navbar
  • Home component
    • Nvabar
    • MediaList(for show all videos)
    • Video tab for play selected Video
    • Search Button for search from all videos using Debounce

• Create PlayList Page

  • Form submit for created Playlist
  • List of videos with Check box for select videos when create playList

• PLayList Page

  • show created Playlists
  • Drag and drop functionality for reoder videos
  • update all videos with reorder videos
  • Video tab for play selected Video