The Studio Ghibli Collection é um catálogo de filmes e personagens do Studio Ghibli.
Studio Ghibli é um estúdio japonês de animação, muito conhecido por seus filmes como Meu Amigo Totoro, A Viagem de Chihiro, O Castelo Animado, entre outros grandes sucessos. As animações são bem recebidas em todo o mundo e algumas receberam várias nomeações e prêmios. De todo esse fandom há um grupo que deseja interagir e ver as informações das animações e seus personagens.
O projeto foi criado por Juliana Monteiro e Mariana Marcondes.
Pull-requests são bem-vindas. Para mudanças importantes, abra um problema primeiro para discutir o que você gostaria de mudar.
Certifique-se de atualizar os testes conforme apropriado.
Para os usuários é importante saber quais e quantos são os filmes e personagens, guiados pelas imagens.
Quando procuram pelas animações desejam filtrar pelos diretores e produtores, conseguindo ordenar alfabeticamente.
Quando procuram pelos personagens desejam filtrar pelo gêneros e espécies, conseguindo ordenar alfabeticamente.
Além disso, ao achar o filme ou personagem que procuram desejam saber quais as características. Do filme acessam a descrição, data de lançamento, score, diretores e produtores; Dos personagens acham idade, cor de cabelo e dos olhos, gênero e espécie.
Neste projeto, o objetivo principal é aprender a desenhar e construir uma interface web onde se possa visualizar e manipular dados, entendendo o que o usuário necessita.
-
Javascript.
-
Uso de HTML semântico.
-
CSS flexbox (Construir a aplicação respeitando o desenho realizado no protótipo).
-
Uso de seletores de DOM.
-
Gerenciamento de eventos de DOM.
-
Manipulação dinâmica de DOM. (appendChild |createElement | createTextNode| innerHTML | textContent | etc.)
-
Uso de condicionais (if-else | switch | operador ternário)
-
Uso de laços (for | for..in | for..of | while)
-
Uso de funções (parâmetros | argumentos | valor de retorno)
-
Manipular arrays (filter | map | sort | reduce)
-
Manipular objects (key | value)
-
Uso ES modules (import | export)
-
Diferenciar entre expression e statements.
-
Diferenciar entre tipos de dados atômicos/primitivos e estruturados.
-
Teste unitário.
-
Estrutura do código e guia de estilo
-
Organizar e dividir o código em módulos (Modularização)
-
Uso de identificadores descritivos (Nomenclatura | Semântica)
-
Uso de linter (ESLINT)
-
Uso de comandos de git (add | commit | pull | status | push)
-
Gerenciar repositórios de GitHub (clone | fork | gh-pages)
-
Colaboração no Github (branches | pull requests | tags)