Podcast Directory

🚧 Podcast Directory 🎧 Em construção... 🚧

Objetivo do projeto

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.

Índice

• Funcionalidades
• Como executar o projeto
  • Pré Requisitos
  • Rodando o Backend
  • Rodando o Frontend
  • Rodando os testes do backend
  • Rodando os testes do frontend
• Tecnologias
• Autor

Funcionalidades

• 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

Como executar o projeto

Este projeto é divido em duas partes:

1. Backend (pasta backend)
2. Frontend (pasta frontend)

⚠️ O Frontend precisa que o Backend esteja sendo executado para funcionar.

Pré-requisitos

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.

Rodando o Backend

# 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

Rodando a aplicação web

# 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

Rodando os testes do backend

# 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

# 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

Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website

• React

Veja o arquivo package.json

Server (NodeJS + JS)

• Express
• CORS
• puppeteer-core

Veja o arquivo package.json

Autor

---

_{Lucas Martins} 🚀

Feito por Lucas Martins 👋 Entre em contato!