Clean Playando

Preview

2022-08-23.21-56-55.mp4

Funcionalidades

O usuário pode adicionar vídeos à sua playlist e manter os dados salvos ao abrir e fechar o browser;
O usuário pode realizar buscas de um vídeo por seu título ou pelo seu link e adicionar na sua playlist;
O usuário pode filtrar os vídeos em sua playlist;
O usuário pode remover vídeos da sua playlist;
O usuário pode visualizar o vídeo, pausar, alterar o tempo e volume;
Ao realizar uma busca repetida deve ser evitado a repetição da requisição na API.

Tecnologias e ferramentas utilizadas

Webpack;
Typescript;
Eslint;
Prettier;
Husky;
Axios;
React;
Styled Components;
Redux;
React Testing Library;
Jest.

Instalação

Será preciso criar uma key do Youtube para utilizar o projeto e você pode obter ela seguindo as instruções nesse link do próprio Google. Depois desse passo, adicione um arquivo .env na raiz do projeto seguindo o exemplo do arquivo .env.example e insira a key do Youtube que você gerou dessa forma YOUTUBE_API_URL=SUA_KEY_AQUI.

Antes de seguir os próximos passos de instalação é necessário ter instalado o Node.js, Git e o gerenciador de pacotes Yarn.

Clone o projeto na pasta escolhida com o seguinte comando:

git clone https://github.com/IgorAtilar/clean-playando.git

Depois acesse o diretório utilizando:

cd clean-playando

Instale as dependências do projeto utilizando:

yarn

Rode o comando a seguir e o projeto estará rodando em http://localhost:3000/:

yarn dev

🎬 Créditos

Igor Atilar