Podcastr é um projeto em Next.js que foi desenvolvido durante a NLW #5 🚀

Tabela de Contéudos

• Sobre
• Layout
• Como usar
  • Pré-requisitos
  • Instalando localmente
  • Funcionamento
• Tecnologias
• Features

---

📘 Sobre

Podcastr é uma aplicação web usada para ouvir podcasts. Foi desenvolvida durante o Next Level Week #5, um evento com duração de uma semana para programadores, promovido pela Rocketseat.

🖼️ Layout

🔎 Como usar

Pré-requisitos

Para conseguir acessar o projeto localmente, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

• Node.js (obrigatório)
• Git (opcional)
• Yarn (opcional)

Além disto é bom ter um editor para trabalhar com o código, como o VSCode.

Instalando localmente

Primeiramente, clone o repositório usando git ou baixe-o como zip:

git clone https://github.com/rafaeldiehl/podcastr.git

Em seguida, acesse a pasta raiz do projeto:

cd podcastr
## Caso tenha baixado como zip e já tenha descompactado
cd podcastr-main

Dentro da pasta raiz, instale as dependências:

npm install
## Caso esteja usando yarn
yarn install

Com as dependências já instaladas, inicie o cliente:

npm run dev
## Caso esteja usando yarn
yarn dev

Em seguida, inicie o servidor:

npm run server
## Caso esteja usando yarn
yarn run server

Funcionamento

Você pode iniciar um podcast apertando o botão "Iniciar" com o ícone de seta verde para direita. É possível utilizar funções de controle do podcast na aba do Player, como ir para o próximo podcast, voltar para o anterior, entrar em looping e dispor os podcasts aleatoriamente.

🛠 Tecnologias

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

• JavaScript
• TypeScript
• JSON
• Node.js
• React.js
• Next.js
• Sass

📌 Features

Além do projeto criado com as aulas, estão/serão implementadas as seguintes features.

• Responsividade
• Modo escuro
• Drag-and-drop
• PWA

📝 Licença

Este projeto possui licença MIT. Veja LICENSE.md para mais detalhes.

---

Feito com 💙 por Rafael Diehl