项目作者： rafaeldiehl
项目描述 ：
Plataforma para ouvir podcasts, desenvolvida durante a NLW (Next Level Week) #5 da @Rocketseat.
高级语言： TypeScript
项目地址: git://github.com/rafaeldiehl/podcastr.git
Podcastr é um projeto em Next.js que foi desenvolvido durante a NLW #5 🚀
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.
🔎 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:
bash
git clone https://github.com/rafaeldiehl/podcastr.git
Em seguida, acesse a pasta raiz do projeto:
bash
cd podcastr
## Caso tenha baixado como zip e já tenha descompactado
cd podcastr-main
Dentro da pasta raiz, instale as dependências:
bash
npm install
## Caso esteja usando yarn
yarn install
Com as dependências já instaladas, inicie o cliente:
bash
npm run dev
## Caso esteja usando yarn
yarn dev
Em seguida, inicie o servidor:
bash
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
