Esse é desafio feito durante minha jornada no Ignite, da Rocketseat.

Desafio: componetizando a aplicação

Com o template já clonado, as dependências instaladas e a fake API rodando, você deve criar pelo menos os componentes SideBar e Content que já estão com os arquivos criados. Os arquivos a serem editados são:

src/App.tsx Esse componente contém toda a aplicação com exceção do componente Button que não precisa ser alterado e Icon que também não precisa de alteração.
src/components/Content.tsx Esse componente, ainda vazio, deve possuir toda a lógica e corpo responsável pelo header e conteúdo da aplicação.
src/components/SideBar.tsx Esse componente, também vazio, deve possuir toda a lógica e corpo responsável pela seção que contém o título do site e a parte de navegação à esquerda da página.

Fake API com JSON Server

Vamos utilizar o JSON Server para simular uma API que possui as informações de gêneros e filmes.

Como executar

Clone o repositório
Instale as dependências com yarn
Rode fake API com yarn server
Inicie o servidor com yarn dev

Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

arianebrandao/reactjs-desafio-componentizando-aplicacao

Desafio: componetizando a aplicação

Fake API com JSON Server

Como executar

Licença