A simplified video clone web application built with React.js and Axios for fetching data.
This web application allows users to view a list of predefined video thumbnails, click on a thumbnail to play the video, and see basic information about the video such as the title and description. It fetches videos from an API in a paginated manner and utilizes React components for managing state and props effectively.
View a list of video thumbnails
Click on a thumbnail to play the video
Pagination for navigating through video pages
Like and dislike functionality for each video
Responsive design for various screen sizes Installation
git clone Navigate to the project directory: Install dependencies: Start the development server: Open your browser and visit http://localhost:3000 to view the application.Browse through the list of video thumbnails.
Click on a thumbnail to play the video.
Use pagination buttons to navigate between video pages.
Like or dislike a video by clicking the corresponding buttons.
Close the video player by clicking the close button.
- React.js Axios Tailwind CSS React Player API Reference The application fetches video data from the following API endpoint:
https://internship-service.onrender.com/videos?page={page} Save to grepper Replace {page} with the page number to fetch.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent