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:
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