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