O projeto consiste na elaboração de um sistema de podcasts, os podcasts deste projeto já estão hospedados pela rocketseat, então foi gerado um JSON que simule o resultado de uma requição para uma API, a mesma retorna os dados do podcast, tais como: duração, thumbnail, participantes e afins.
Então o projeto exibe uma lista com os podcasts gravados, e possui um player para tocar os podcasts, além disso cada podcast tem uma página própria do seu episódio, porém, não necessariamente essa página tem de ser acessada para escutar o mesmo, o que eu quero dizer é que na propria página home o usuário pode ouvir os podcasts.
Para melhor entendimento, você pode ver o tópico seguinte com as interfaces.
O Next Level Week foi originada pela @Rocketseat, sendo um evento online e totalmente gratuito que vai ajudar as pessoas a dar o próximo passo na evolução como dev. O NLW é uma semana prática com muito código, desafios e networking.
Este projeto em específico faz parte da trilha de REACT ministrada por @DiegoFernandes, e sinceramente meus agradecimentos a toda a equipe da @Rocketseat por passar todo esse conhecimento gratuítamente para todos, e recomendo a você DEV leitor que deem uma olhada no material dos cursos deles, todos são realmente excelentes!
Continuando, a interface foi elaborada por Tiago Luchtenberg
utilizando a plataforma FIGMA porém não possuo o link do projeto. De toda forma, segue os prints da interface.
Este projeto não é nada muito complexo, dentre as tecnologias utilizadas estão:
Para colocar o projeto para rodar siga o passo-a-passo a seguir:
- Primeiramente acesse com dois terminais diferentes o diretório raiz do projeto;
- No terminal 1 execute o comando:
yarne aguarde; - Ainda no terminal 1 execute o comando
yarn server; - No terminal 2 exeucte o comando
yarn dev; - Agora acesse
http://localhost:3000/;
Este projeto esta sob a MIT license para mais detalhes.
Siga EddyPBR nas redes 😉
Siga a #Rocketeat nas redes
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent