O objetivo do aplicativo Podcast Directory é extrair os episódios mais recentes do podcast Hipsters Ponto Tech e criar uma nova página que cria uma lista combinada de episódios, classificados por data de transmissão.
O aplicativo Podcast Directory faz parte do repositório app-ideas como um desafio de nível intermediário.
- O usuário pode ver uma tabela de episódios de podcast
- O usuário pode ver as linhas nesta tabela mostrando um ícone de episódio clicável, o título do episódio e a data em que foi originalmente transmitido
- O usuário pode percorrer a lista
- O usuário pode clicar no ícone do episódio para exibir a página de episódios no site do Google Podcasts
Este projeto é divido em duas partes:
- Backend (pasta backend)
- Frontend (pasta frontend)
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e o navegador Google Chrome. Além disto é bom ter um editor para trabalhar com o código como VSCode.
# Clone este repositório
$ git clone <https://github.com/lucasmartins96/podcast-directory.git>
# Acesse a pasta do projeto no terminal/cmd
$ cd backend
# Instale as dependências
$ npm install
# Execute a aplicação
$ npm start
# O servidor iniciará na porta:3000 - acesse http://localhost:3000/podcasts
# Abra outro terminal (se estiver no VS Code) e acesse a pasta frontend
$ cd frontend
# Instale as dependências
$ npm install
# Execute a aplicação
$ npm start
# A aplicação React iniciará automaticamente na porta:3001. Caso não inicie automaticamente, acesse http://localhost:3001
# Clone este repositório (caso já tenha feito avance para o próximo passo)
$ git clone <https://github.com/lucasmartins96/podcast-directory.git>
# Acesse a pasta do projeto no terminal/cmd
$ cd backend
# Instale as dependências (caso não tenha instalado em passos anteriores)
$ npm install
# Execute os testes
$ npm test
# Rodando os testes do frontend
$ cd frontend
# Instale as dependências (caso não tenha instalado em passos anteriores)
$ npm install
# Execute os testes
$ npm test
As seguintes ferramentas foram usadas na construção do projeto:
Website
Veja o arquivo package.json
Veja o arquivo package.json
Lucas Martins 🚀
Feito por Lucas Martins 👋 Entre em contato!