BE-React-Tube

Seja bem vindo ao projeto base do BE-React-Tube!!!

Sobre

• Este projeto consistem numa aplicação que possibilita o cadastro de videos hospedados no youtube, separados por playlists, onde sua page principal exibe todos os vieos cadastrados na base;

• Modo Escuro/Dark está habilitado 🌙🖤!

• Esta aplicação é responsiva 📲💙!

Como Utilizar

• Ao Entrar na page princial é exibida a lista de videos e em suas respectivas playlists;

• Para buscar algum video por seu título, basta apenas digitar o título do video na barra de pesquisa no topo da pagina principal;

• Para adicionar um novo video à playlist deve-se clicar no botão flutuante em vermelho na lateral inferior direita e informar as informações solicitadas.

  

• Para assistir algumdos videos, basta clicar no mesmo, você será direcionado a page de video onde será exibida uma janela com o video;

Funcionamento

• A aplicação solicita um título para o video a ser cadastrado e a URL do mesmo;
• Foi implementada uma busca simples por título de video na page principal, com manipulação de DOM;
• A aplicação valida se a URL informada é uma URL legítima do YouTube (utilizei ReGex para tal);
• A Thumbnail é gerada automaticamente;
• Para a funcionalidade "/video" utilizei localStorage para armazenamento da informação do video selecionado da sessão;
• Os dados da aplicação são armazenados e consumidos via API REST em cloud Supabase (com autenticação);
• A aplicação está hospedada em cloud via vercel, link: https://be-react-tube.vercel.app/

Techs utilizadas no projeto

• JavaScript (linguagem principal);

• React.JS (Front-End Componentizado);

• StyledComponentes (estilização css);

• Next.JS;

• supabase-js (lib para consumo de informações e serviços via API REST da plataforma supabase).

• Marque esse projeto com uma estrela ⭐🖤

Onde está o Layout base do projeto?

• Link

Contribuidores

Pessoa que criou o projeto
Bruno Silva