https://github.com/vijaysingh8650/video-player

https://github.com/vijaysingh8650/video-player

reactjs tailwindcss typescript webpack

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/vijaysingh8650/video-player
• Owner: VijaySingh8650
• Created: 2024-02-14T00:32:40.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-16T17:36:09.000Z (11 months ago)
• Last Synced: 2024-02-17T17:57:59.383Z (11 months ago)
• Topics: reactjs, tailwindcss, typescript, webpack
• Language: TypeScript
• Homepage: https://sparkly-crumble-150128.netlify.app
• Size: 2.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Video Player Application

## Command

### npm run start (to start the app, locally)

### npm run build (to build the server at production)




## Tech Stack

### 1. Webpack (for HMR, bundles & chunks, Webpack makes development & build easy and removes dead code resulting in better performance) 

### 2. ReactJS (For SPA)

### 3. Typescript (For type checking)

### 4. Tailwind CSS 




## Functionality 

#### 1. Clicking on any image will open the video player (the video will run automatically).

#### 2. Video can also be watched with full screen.

#### 3. Searching (using debouncing) & sorting functionalities are given.




## Project Structure

#### 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.

#### React-Player library is used to play video with all requirements. 








#### Thank you