Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autor • Licença
O Podcastr é um web app para ancoragem de episódios de podcast com um player embutido, onde você pode ouvir seus episódios favoritos.
Essa aplicação foi feita utilizando React, Next.js, Typescript, Sass e o servidor utilizado é do tipo Fake API com JSON Server.
Ela foi construída durante a quinta edição do Next Level Week, oferecido pela Rocketseat, na trilha de React.
A aplicação é do tipo Single Page Application (SPA) e conta com uma página home onde podem ser vistos os últimos episódios lançados, todos os episódios e conta com um player para reproduzir os episódios. Ao clicar em qualquer episódio você será redirecionado(a) à página de detalhes, que conta com a descrição detalhada do mesmo.
Na página Home você pode:
- Visualizar e selecionar episódios para ouvir
- Entrar na página dos episódios
- Ver informações como duração, participantes e data de publicação.
Na página de cada episódio você pode:
- Ver todas as informações apresentadas na home e a descrição do episódio em detalhes
- Reproduzir o episódios
No player, que sempre estará visível, você pode:
- Visualizar qual episódio está sendo reproduzido
- Dar play, pausar, avançar para o próximo episódio ou retroceder
- Alterar o tempo de reprodução a partir do Slider
- Selecionar o modo aleatório
- Selecionar a repetição do episódio
# Clone o repositório
$ git clone [email protected]:caiofuccio/podcastr.git
# Instale as dependências
$ yarn
# Inicie a Fake API com JSON Server
$ yarn server
# Execute a aplicação
$ yarn start
# A aplicação será aberta na porta:3000 - acesse https://localhost:3000
Caio Fuccio
Front-End Developer | ReactJS
Este projeto está sob a licença MIT.
Acesse o arquivo de LICENSE para mais informações.