Watch Me

Resolução do desafio complementar do primeiro capítulo da trilha React JS no Ignite, pela Rocketseat.

Objetivo

O objetivo deste projeto é componentizar a aplicação para filmes Watch Me.

O componente Content.tsx deve conter a parte do conteúdo da aplicação, demonstrado pelo contorno vermelho.

O componente Sidebar.tsx deve conter a seleção de gêneros do filme, também demonstrado pelo contorno vermelho.

Demonstração do projeto

Para solucionar o problema, utilizei o hook useContext(), já que os dois componentes precisavam receber informações da mesma API e para não precisar criar tipagens repetidas no TypeScript.

Para testar a aplicação

Para testar a aplicação é necessários dois terminais, um para executar o projeto e o outro para a API

1 - Para instalar as dependências

npm install

2 - Em um dos terminais, inicie a API

cd Watch-me

yarn server

3 - No segundo terminal, inicie o projeto

cd Watch-me

yarn dev