Todas as aulas da Semana JS Expert 6.0 - Spotify Radio

Overview

Spotify Radio - Semana JS Expert 6.0

Seja bem vindo(a) à sexta Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada.

Marque esse projeto com uma estrela 🌟

Acesse a comunidade exclusiva no discord para tirar suas dúvidas e conhecer pessoas:

Preview

Checklist Features

  • Web API

    • Deve atingir 100% de cobertura de código em testes
    • Deve ter testes end to end validando todas as rotas da API
    • Deve entregar arquivos estáticos como Node.js Stream
    • Deve entregar arquivos de música como Node.js Stream
    • Dado um usuário desconectado, não deve quebrar a API
    • Mesmo que vários comandos sejam disparados ao mesmo tempo, não deve quebrar a API
    • Caso aconteça um erro inesperado, a API deve continuar funcionando
    • O projeto precisa ser executado em ambientes Linux, Mac e Windows
  • Web App

    • Client
      • Deve reproduzir a transmissão
      • Não deve pausar se algum efeito for adicionado
    • Controller
      • Deve atingir 100% de cobertura de código em testes
      • Deve poder iniciar ou parar uma transmissão
      • Deve enviar comandos para adicionar audio efeitos à uma transmissão

Tarefas por aula

  • Aula 01: Cobrir as camadas service e route com testes unitários e alcançar 100% de code coverage
  • Aula 02: Manter 100% de code coverage e implementar testes e2e para toda a API
  • Aula 03: implementar testes unitários para o frontend e manter 100% de code coverage
  • PLUS:
    • disponibilizar um novo efeito
      • adicionar um botão novo no controlador
      • adicionar um som de efeito novo para a pasta audios/fx/
      • republicar no heroku

Código fonte das aulas e resolução de desafios

Considerações

  • Tire suas dúvidas sobre os desafios em nossa comunidade, o objetivo é você aprender de forma divertida. Surgiu dúvidas? Pergunte por lá!

  • Ao completar qualquer um dos desafios, envie no canal #desafios da comunidade no Discord

Créditos aos áudios usados

Transmissão

Efeitos

FAQ

  • NODE_OPTIONS não é um comando reconhecido pelo sistema, o que fazer?

    • Se você estiver no Windows, a forma de criar variáveis de ambiente é diferente. Você deve usar a palavra set antes do comando.
    • Ex: "test": "set NODE_OPTIONS=--experimental-vm-modules && npx jest --runInBand",
  • Rodei npm test mas nada acontece, o que fazer?

    • Verifique a versão do seu Node.js. Estamos usando na versão 17. Entre no site do node.js e baixe a versão mais recente.
  • jest.spyOn - quando tentamos usar o function.name (algo como stream.pipe.name), ele diz que a instancia é undefined

    • Neste caso, use o valor como string: jest.spyOn(stream, "pipe").mockReturnValue
  • Desafio 01 impossível de completar 100% de code coverage pois o testUtil.js não está sendo completamente usado

    • Adicione na primeira linha do arquivo testUtil.js o seguinte trecho de código: /* istanbul ignore file */ . Isso fará com que o jest ignore esse arquivo e complete os 100%.
    • Importante: essa alteração, servirá apenas para completar esse primeiro e/ou segundo desafio, na ultima aula, não vamos precisar ignorar esse arquivo uma vez que vamos usar todas as funções
You might also like...

A review aggregator web application that allows users to review albums by leveraging the Spotify Web API.

A review aggregator web application that allows users to review albums by leveraging the Spotify Web API.

Reviewify Summary Reviewify is a review aggregator platform that leverages the Spotify Web API. It allows users to: Login with their Spotify accounts

Oct 7, 2022

SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.

SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.

Dec 31, 2022

now-playing: A website to show what I'm currently listening to on Spotify Run on Repl.it

 now-playing: A website to show what I'm currently listening to on Spotify Run on Repl.it

now-playing: A website to show what I'm currently listening to on Spotify ❓ How does it work? This project is split into two parts - the frontend and

Apr 29, 2022

Edit CSS directly from Spotify.

Edit CSS directly from Spotify.

Spotify CSS Editor Built with Spicetify Creator. Download from Spicetify Marketplace. Edit CSS directly from Spotify. Features Edit CSS directly from

Dec 27, 2022

Spotify Web API with Next.js

Resumo Statsfy é um site que exibe seus artistas e músicas mais escutadas, além de músicas recentes. Você pode usar clicando neste link. (Apenas usuár

Sep 5, 2022

Randomfy takes your most listened Spotify artists

Randomfy takes your most listened Spotify artists

Randomfy takes your most listened Spotify artists, selects one of them and shows you similar artists, so you can meet new artists based on the previous selected one.

Nov 6, 2022

Pomodoro + spotify + todo list = awesome!

Turborepo starter This is an official Yarn v1 starter turborepo. What's inside? This turborepo uses Yarn as a package manager. It includes the followi

Jan 3, 2023

Advanced Music Bot It is an advance type of discord music bot which plays high quality of music with spotify

Advanced Music Bot It is an advance type of discord music bot which plays high quality of music with spotify, apple music support . You can save your songs and play it. It also has DJ mode system.

Dec 25, 2022

Simple Spotify client for nodejs exposing few useful methods

spotify-mini Simple Spotify client for nodejs exposing useful methods I have been using a rough version of this lib in my portfolio from a long time.

Jan 2, 2023
Owner
Erick Wendel
Software Consultant, Microsoft MVP, Google Dev Expert and Community co-organizer 🇧🇷 @nodebr #mvpbr #opensource #typescript #nodejs
Erick Wendel
Spotify radio is an audio streaming app where you can add effects in real time.

Spotify Radio - Semana JS Expert 6.0 Spotify radio is an audio streaming app where you can add effects in real time. JS-Expert Project of the Week by

Luis Fernando 6 Apr 25, 2022
BOT-TABELA-FIPE - BOT que busca na API da FIPE todas as marcas e seus respectivos modelos e anos.

BOT-TABELA-FIPE BOT que busca na API da FIPE todas as marcas e seus respectivos modelos e anos. O BOT trabalha de maneira assíncrona, assim, torna mui

Cristian Vaghetti 1 Jan 3, 2022
Spotify 2.0 com NextJS 12 - MIddleware, TailwindCSS, Spotify API, NextAuth, Recoil

Spotify Clone A spotify clone made with NextJS 12, TailwindCSS, NextAuth, Spotify API, Recoil Lessons Learned Setting up NextJS with Tailwind. NextAut

zF4ke 3 Mar 14, 2022
Spotify clone using Next.js, Spotify API, Tailwind, NextAuth, Recoil

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind

Abdelwahab Hussein 2 Dec 25, 2021
spotify.ts is an wrapper built around Spotify's Web API

spotify.ts About spotify.ts is an wrapper built around Spotify's Web API. Features Fast Object Oriented Typescript, ESM, CJS support Easy to Use Insta

null 6 Nov 17, 2022
Radio player for audio tracks in a tezos wallet.

Hicathon 2021 | WG7 7.2 - Galleries and collections Minimal galleries for exhibitions The Team: Name Role Discord Username Twitter Username Wallet Tea

Sean Cooper 23 Jul 11, 2022
A simple package to download music tracks from spotify 🎵

A simple package to download music tracks from spotify ??

Alen Yohannan 26 Dec 25, 2022
Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Web Application that represents a music player using the spotify API, React, JS, CSS, HTML, nodeJS, Firebase, material-ui, JSON and other technologies. Made by Yohan Hmaiti

Yohan Hmaiti 2 Jan 8, 2022
Add some fire to your Spotify music playlists 🔥🎧

Spotifire ?? Add some fire to your Spotify music playlists ?? Built With Next.js React Tailwind CSS (v3.0) NextAuth Recoil Spotify Web API Preview Vis

Niloy Sikdar 15 Jun 19, 2022
SpotifyUiClone - A Ui Clone of Spotify, only studing purporses

Spotify Ui Clone An Kinda Clone of the Spotify Ui for studing purposes Summary This is a project made in React Js, so the idea is to make an ui for an

Jf_Dess 1 Jan 7, 2022