/NLW5_PODCASTR-NEXT

Aplicação com React e Next.Js, criação de uma interface de podcast.

Primary LanguageTypeScript

Projeto NLW 5° 📋

Projeto Podcastr com Next.js - NLW 5° edição

Sobre o Projeto - Podcastr 📝

Este projeto é um podcast, a aplicação conta com uma pagina inicial, com um player e uma lista de podcast, o player contém todas as funcionalidades, embaralhar episódios aleatórios, próximo e anterior, repetir episódio, play e pause. Todas as funcionalidades de um player comum.

Também contém uma página que mostra a descrição de um episódio, assim podendo ouvi-lo nessa mesma página, essa página também contém o player, mas somente toca o episódio selecionado.

Layout

Página principal do Podcast

Nesta imagem podemos ver o layout da aplicação do Podcast.

Imagem da Aplicação

Podcast com Player ativo

Nesta imagem podemos ver o player do podcast com um episódio tocando.

Imagem da Aplicação

Tecnologias 🔧

  • Typescript
  • Javascript
  • SASS
  • Axios
  • Next.js
  • React Hooks