{"id":22668826,"url":"https://github.com/vijaysingh8650/video-player","last_synced_at":"2026-04-03T23:38:24.439Z","repository":{"id":222868477,"uuid":"757181559","full_name":"VijaySingh8650/video-player","owner":"VijaySingh8650","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-16T17:36:09.000Z","size":2777,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-04T09:32:53.826Z","etag":null,"topics":["aws","reactjs","s3-bucket","tailwindcss","typescript","webpack"],"latest_commit_sha":null,"homepage":"https://d1le65j0srblz7.cloudfront.net","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VijaySingh8650.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-14T00:32:40.000Z","updated_at":"2024-03-15T11:11:36.000Z","dependencies_parsed_at":"2024-02-16T18:08:01.859Z","dependency_job_id":null,"html_url":"https://github.com/VijaySingh8650/video-player","commit_stats":null,"previous_names":["vijaysingh8650/video-player"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VijaySingh8650%2Fvideo-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VijaySingh8650%2Fvideo-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VijaySingh8650%2Fvideo-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VijaySingh8650%2Fvideo-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VijaySingh8650","download_url":"https://codeload.github.com/VijaySingh8650/video-player/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246174471,"owners_count":20735409,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aws","reactjs","s3-bucket","tailwindcss","typescript","webpack"],"created_at":"2024-12-09T15:17:04.438Z","updated_at":"2025-12-30T20:30:21.923Z","avatar_url":"https://github.com/VijaySingh8650.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Video Player Application\n\n## Command\n### npm run start (to start the app, locally)\n### npm run build (to build the server at production)\n\n\u003cbr/\u003e\n\n## Tech Stack\n### 1. Webpack (for HMR, bundles \u0026 chunks, Webpack makes development \u0026 build easy and removes dead code resulting in better performance) \n### 2. ReactJS (For SPA)\n### 3. Typescript (For type checking)\n### 4. Tailwind CSS \n\n\u003cbr/\u003e\n\n## Functionality \n#### 1. Clicking on any image will open the video player (the video will run automatically).\n#### 2. Video can also be watched with full screen.\n#### 3. Searching (using debouncing) \u0026 sorting functionalities are given.\n\n\u003cbr/\u003e\n\n## Project Structure\n#### The app component is the main component which works as a master file (containing all functions and states). The playlist component shows all movies with thumbnails and video play icons. The video player component shows the video in popup form. It also contains a video title, source, and description. Constants and types (for typescript) have separate files.\n#### React-Player library is used to play video with all requirements. \n\n\n\u003cimg src=\"public/images/view-1.png\" alt=\"Task\"/\u003e\n\u003cbr/\u003e\n\u003cimg src=\"public/images/view-2.png\" alt=\"Task\"/\u003e\n\n#### Thank you\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvijaysingh8650%2Fvideo-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvijaysingh8650%2Fvideo-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvijaysingh8650%2Fvideo-player/lists"}