Projeto feito para acompanhar as aulas da edição 5 da NLW, da Rocketseat.
O Podcastr se trata de uma aplicação onde é possível ouvir os episódios do podcast FalaDev, da Rocketseat. Através do player é possível navegar entre os episódios, assim como é possível ativar o modo de repetição e o modo de lista aleatória.
Uma das coisas que mais gostei de praticar nesta NLW foi a geração de páginas estáticas com o Next.js, o que foi algo totalmente novo para mim.
- React
- Typescript
- Next.js
- Scss
- JSON Server
- Libs:
- rc-slider
- date-fns
![Tela principal, sem podcast tocando](assets/preview-1.png)
(Página inicial, sem podcast selecionado)
![Tela principal, sem podcast tocando](assets/preview-2.png)
(Página inicial, com podcast tocando e opções shuffle e repeat ativadas)
![Tela principal, sem podcast tocando](assets/preview-3.png)
(Página com detalhe do episódio)
- Clonar o repositório e acessar a pasta raiz do projeto
- Abrir o terminal na pasta raiz e:
- Instalar as dependências com o comando
yarn install
- Executar o comando
yarn server
para rodar a fake api com JSON Server (Necessário fazer este passo em uma aba separada do terminal) - Executar o comando
yarn dev
para rodar o projeto em ambiente de desenvolvimento - Acessar o Podcastr em
http://localhost:3000
- Instalar as dependências com o comando