Projeto foi desenvolvido utilizando Create React App

1. Após baixar ou clonar
2. Estando na pasta do projeto app-movies
3. No terminal rode o seguinte comando:

npm install

O comando irá fazer a instalação das dependências e da pasta node_modules. Mais, detalhes sobre esta operação eu mostro na aula 15 da série de vídeos.

4. Depois da instalação das dependências, rode o comando:

npm start

A aplicação em modo desenvolvimento irá abrir no browser no seguinte endereço:

http://localhost:3000

Outros comandos

Os comandos que você pode 'rodar' estão no arquivo package.json na propriedade scripts.

Por exemplo, para publicar (deployment) a aplicação é importante fazer o 'build':

npm run build

Cria o aplicativo para produção na pasta build.
Ele empacota corretamente o React no modo de produção e otimiza a compilação para obter o melhor desempenho.

A compilação é minificada e os nomes dos arquivos incluem os hashes.
Seu aplicativo está pronto para ser implantado!

Instruções sobre o projeto

Cada aula foi detalhada em arquivos .md (markdown) com um passo a passo do que fizemos em cada vídeo aula. Clique na aula para ver o conteúdo:

1. Aula 01 Criar projeto React JS, Estrutura do projeto
2. Aula 02 Organizar projeto, fragment
3. Aula 03 Criar componentes no React JS + CSS Module [Header e Footer]
4. Aula 04 Criar componentes como props, props.children [Banner]
5. Aula 05 Criar componente Card + Mapear JSON
6. Aula 06 Criar componente Category + Filtrar vídeos por categoria
7. Aula 07 Refatoração da listagem de categorias + detalhes de escopo
8. Aula 08 Criar rotas e páginas
9. Aula 09 Criar Page Not Found erro 404
10. Aula 10 Criar Rotas Dinâmicas exibir vídeo por ID
11. Aula 11 Hooks React, useState
12. Aula 12 Criar componentes VideoList e Página Pesquisar
13. Aula 13 Criar componente SearchVideoList, Pesquisar por categoria ou título
14. Aula 14 Criar componente Carousel React Slick e ajustes no CSS
15. Aula 15 Clonar repositório do GitHub
16. Aula 16 Context no React useContext da API Context do React e Hook Personalizado
17. Aula 17 API Context do React e Hook Personalizado
18. Aula 18 Criar componente Formulário e página com rota
19. Aula 19 Receber dados do Formulário, processar e validar form
20. Aula 20 Criar componente Loader

Salve Devs, até a próxima!