Essa Aplicação tem o proposito de servir como App/site de uma produtora de Podcasts, onde eles ficarão disponíveis para serem escutados e também será possivel acessar as notas dos episódios.

Esta projeto foi desenvolvido durante o evento NLW#05 - Trilha de React da Rocketseat .

• Responsividade
• PWA (site que funciona como app)
• Salvar sessão no localStorage
• Barrade volume (e opção de mutar)
• Modo noturno
• Spaço funciona como botão de play
• Todos botões da play no site funcionam também como pause

• Ambiente de desenvolvimento
• Fluxo de uma API
• Conceitos basicos do React
  • Component
  • Propiedade
  • Estado
• SEO com React
• Iniciando com Next.js
  • Server-side rendering
  • Static site generation

• Typescript
• Estilização
• Componentes: Header e Player
• Criando mock back-end (JSON Server)
• Consumindo APIs com Next
• SPA vs SSR vs SSG
• Gerando pagina estatica
• Criando build do projeto

• Criação da home
• Rotamento no Next
• Criação da pagina de episodios (através de slug)
• Aprofundamento em páginas estáticas e dinámicas

• Aprofundamento e utilização da Context API
• Implementação de
• Criação da funcionalidade de tocar podcast
• Utilização de refs no React
• Utilização de eventos para controle da interface

• Re-estruturação de codigo
• Finalização de controles do player
  • Próximo e anterior
  • Loop
  • Shuffle
  • Seek ("barrinha de tempo")

Este projeto foi desenvolvido utilizando as seguintes tecnologias:

• Next.js
• Sass
• React
• TypeScript

Clone the project and access the folder

# Clona o repo
$ git clone https://github.com/Rawallon/podcastr.git && cd podcastr

# Instala as dependencias
$ npm install

# Roda o projeto Next em modo desenvolvimento
$ npm dev