Este projeto foi realizado para estudo de criação de API no Node.JS + o consumo no React. O back end com node é uma API que contém 155 items, sendo 101 somente de trailes/teasers oficiais. Os Trailers tem informações como id do item, nome do serviço de streaming, categoria do item, áudio(se é dublado ou legendado), descrição/sinopse, link da thumb do video, titulo e a url do vídeo(já pronta para colocar no "src" da tag iframe).
O front end com React consiste em mostra os trailers, por trás das câmeras, etc... que os serviços de streaming como Netflix, Prime vídeo, Star+ e Disney+ postam no YouTube. A página home/inicial mostra um background aleatório cada vez que atualiza a página, um campo de pesquisa mais específico e um opção para ordenar de forma crescente, decrescente ou padrão e em seguida a listagem de todos os vídeos. As páginas da Netflix, Prime vídeo, Star+ e Disney+ mostram seus respectivos vídeos e seus filtros, com opção de pôr trás das câmeras, trailers/teasers oficiais, outros e áudio. A página de outros é a mesma coisa só que com filtro de streaming. E por fim tem a página de API que detalha todas as rotas da API e com botão de ir até a URL da API e de copiar a URL. Ele é 100% responsivo.
✅ Material UI
✅ Slider
✅ Campo de busca
✅ Filtro
✅ Navbar
✅ Modal
✅ Consumo de API própria
API utilizada
npm install
ou
npm i
npm run dev
O projeto vai ser iniciado em http://127.0.0.1:5173/
Veja o projeto em funcionamento aqui. 🧐
Este repositório está sob licença MIT. Você pode ver o arquivo LICENSE para mais detalhes. 😉