alexandrecorazza/podcastr

:headphones: Plataforma de podcast

Layout   |    Sobre   |    Tecnologias   |    Configuração do projeto   |    To-do   |    Licença

🎨 Layout

O layout do projeto foi desenhado no Figma e pode ser visto clicando aqui.

🔖 Sobre

O Podcastr é uma aplicação de podcasts feita em Next.js. A aplicação reune diversos podcasts publicados pela Rocketseat, que foram hospedados e são consumidos pela aplicação através do Google Cloud.

Este projeto foi idealizado e desenvolvido pela Rocketseat.

🚀 Tecnologias

• NextJS
• TypeScript
• React
• SASS
• Date-fns
• Json-server
• Axios
• Rc-slider

⚙️ Configuração

• Pré-requisitos

  • É necessário possuir o Node.js instalado no computador
  • É necessário possuir uma conta cadastrada no Github
  • É necessário possuir o Git instalado e configurado no computador
  • É necessário ter o gerenciador de pacotes Yarn instalado ou o NPM.

• Executando o frontend

  # Abra um terminal e copie este repositório com o comando
  $ git clone https://github.com/alexandrecorazza/podcastr.git
  
  # ou use a opção de download.
  
  # Entre na pasta server 
  $ cd podcastr-next/
  
  # Instale as dependências
  $ yarn install
  
  # Rode o servidor
  $ yarn dev

• Executando a nossa API fake

  # Abra um novo terminal em uma nova aba
  $ yarn server
  

• Executando com yarn build

  # Executar com yarn build permite simular o app em produção. Com isso é possível testarmos os recursos do Next como SSR e SSG
  $ yarn build
  
  # Depois execute yarn start
  $ yarn start
  

📌 To-Do

• Dark theme
• Aplicação responsiva
• Botão pause nos episódios (antes disponível apenas no player)

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.