Projeto criado durante a Imersão React da Alura. O projeto é um site que permite o usuário adicionar um vídeo do Youtube (através da URL) e colocá-lo em uma categoria (Músicas, Filmes ou Tecnologia), salvando esses dados em um Back-end-as-a-service (Supabase), tendo assim um controle sobre quais vídeos ele precisa assistir, ou simplesmente para que outras pessoas possam visualizar quais vídeos ele mais gosta, por exemplo.
Meu objetivo ao desenvolver este projeto foi aplicar na prática 3 conceitos: Criação e utilização de Contextos no React, para conseguir compartilhar informações entre componentes de uma forma mais direta, Criação de Hooks, para extrair a lógica de um componente em funções reutilizáveis (Como um formulário, por exemplo) e Criação de Services, para centralizar métodos e valores que dizem respeito a utilização de um serviço de terceiro (uma API, por exemplo). Além disso, as aulas foram ministradas utilizando Javascript, porém aproveitei a oportunidade para criar o código utilizando Typescript, melhorando a legibilidade do código.
- Criar um alerta (personalizado de acordo com o tema da página) quando um vídeo for adicionado. - Ok ✔️
- Adicionar um botão em cada vídeo para permitir a exclusão do mesmo. - Ok ✔️
- Após adicionar um novo vídeo, inclui-lo instantaneamente na playlist correspondente. - Ok ✔️
Você pode visualizar o layout do projeto através deste link: Layout do projeto. É necessário possuir uma conta no Figma para acessá-lo.
Made by Matheus Pazinati 🛸