Podcastr é um projeto em Next.js que foi desenvolvido durante a NLW #5 🚀
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.
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.
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
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.
As seguintes tecnologias foram usadas na construção do projeto:
- JavaScript
- TypeScript
- JSON
- Node.js
- React.js
- Next.js
- Sass
Além do projeto criado com as aulas, estão/serão implementadas as seguintes features.
- Responsividade
- Modo escuro
- Drag-and-drop
- PWA