This project is a courses program with the following features:

1.A main page with 10 courses that includes the course title, rating, image, and a list of lessons. 2.A preview video that plays when the user hovers over the course image. 3.A details page for each course that displays the course information and allows the user to watch the lessons. 4.The user's progress is recorded in local storage, and they can see a check button if they finish a lesson 5.An effect picture-in-picture is implemented for details video.

This project was built using React, Redux/Toolkit, React-Router-Dom, Axios, and Hls.js.

To get started with this project, follow these steps: 1.Clone the repository from GitHub to your local machine. 2.Install the necessary dependencies by running the following command in the terminal: npm install 3.Start the development server by running the following command in the terminal: npm start 4.Open a web browser and navigate to http://localhost:3000 to view the application.