Skip to content

Plataforma para ouvir podcasts, desenvolvida durante a NLW (Next Level Week) #5 da @Rocketseat.

License

Notifications You must be signed in to change notification settings

rafaeldiehl/podcastr

Repository files navigation

Podcastr

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

NLW #4 Github Linguagens Em desenvolvimento

Tabela de Contéudos


📘 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

About

Plataforma para ouvir podcasts, desenvolvida durante a NLW (Next Level Week) #5 da @Rocketseat.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages