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

Este projeto foi desenvolvido com o propósito desenvolver um Video-Player personalizado, onde você poderá assistir e gerenciar as funções de video, como Play, Pause, velocidade, entre outros.
https://github.com/danielemidio1988/video-player

css3 custom-hooks html5 javascript reactjs styled-components

Last synced: 23 days ago
JSON representation

Este projeto foi desenvolvido com o propósito desenvolver um Video-Player personalizado, onde você poderá assistir e gerenciar as funções de video, como Play, Pause, velocidade, entre outros.

• Host: GitHub
• URL: https://github.com/danielemidio1988/video-player
• Owner: DanielEmidio1988
• Created: 2022-12-28T19:30:56.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-02T21:04:35.000Z (about 2 years ago)
• Last Synced: 2024-12-01T06:42:59.971Z (3 months ago)
• Topics: css3, custom-hooks, html5, javascript, reactjs, styled-components
• Language: JavaScript
• Homepage: https://video-player-indol.vercel.app/
• Size: 480 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Video Player

## 📖 Introdução

Este projeto foi desenvolvido com o propósito desenvolver um Video-Player personalizado, onde você poderá assistir e gerenciar as funções de video, como Play, Pause, velocidade, entre outros.

Para acessar o projeto, [clique aqui!](https://video-player-indol.vercel.app/).

## 📄 Descrição

. Ao abrir a página, você conseguirá executar os seguintes comandos de player: play, pause, velocidade, volume, mudo.

. Na tela lateral direita, você poderá visualizar outros videos e filtrá-los conforme sua categoria.

. Página responsiva para desktop, tablet e celular.

## 💻 Tecnologias 

![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Git](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white)

## ⚒️ Livrarias Utilizadas

### Todo Sistema

- npm install: Para instalação;

- npm start: Para execução;

### Front-End

- npm install styled-components

## 📫 Contato

E-mail: [email protected]

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/danielemidio1988/)

[![Codewars](https://img.shields.io/badge/Codewars-B1361E?style=for-the-badge&logo=Codewars&logoColor=white)](https://www.codewars.com/users/DanielEmidio1988)