Skip to content

Projeto desenvolvido durante o Bootcamp de Front-end da SAP007 - Laboratória.

Notifications You must be signed in to change notification settings

Lud-ic/SAP007-data-lovers

 
 

Repository files navigation

characters Ghibli

Índice


1. Introdução

Studio Ghibli Inc. (株式会社スタジオジブリ Kabushiki-gaisha Sutajio Jiburi?) é estúdio de cinema de animação japonês com sede em Koganei, Tóquio . O estúdio é mais conhecido por seus filmes de animação e também produziu vários curtas, comerciais de televisão e um filme de televisão. Foi fundado em 15 de junho de 1985 pelos diretores Hayao Miyazaki e Isao Takahata e pelo produtor Toshio Suzuki , após o sucesso do filme de anime de Topcraft, Nausicaä do Vale do Vento(1984). O Studio Ghibli também colaborou com os estúdios de videogame no desenvolvimento visual de vários jogos.

Seis dos filmes de Studio Ghibli estão entre os 10 filmes de anime com maior bilheteria produzidos no Japão, sendo Sen to Chihiro no Kamikakushi o segundo mais alto, arrecadando mais de US$ 360 milhões em todo o mundo. Muitos de seus trabalhos ganharam o prêmio Animage Anime Grand Prix e quatro ganharam o Prêmio da Academia de Animação do Ano do Japão . Cinco dos filmes de Studio Ghibli receberam indicações ao Oscar. Sen to Chihiro no Kamikakushi ganhou o Urso de Ouro em 2002 e o Oscar de Melhor Filme de Animação em 2003 . Totoro, um personagem de Tonari no Totoro é o mascote do estúdio. Fonte: Wikipedia

2. Metodologia Ágil

Utilizei o Trello para me organizar durante as Sprints do projeto. Com a criação do Backlog com as histórias de usuário, e a divisão das atividade a serem desenvolvidas, geradas a partir do Backlog. Assim como as cerimonias da metodologia ágil: Daily, Sprint Planning, Sprint Review, Sprint Retrospective, e Sprint Checkout.

3. Histórias de Usuários

História de Usuário 1

Como usuários, fãs do Studio Ghibli, eles querem ter um site para consultar todas as obras da produtora e conseguir visualizar os detalhes delas.

História de Usuário 2

Como usuários, fãs do Studio Ghibli, eles gostariam de poder ordenar as obras por ordem alfabetica crescente ou decrescente, mais nova ou mais velha, e por score crescente ou decrescente.

História de Usuário 3

Como usuários, fãs do Studio Ghibli, eles gostariam de poder pesquisar pelos titulos, diretores e produtores das obras.

História de Usuário 4

Como usuários fãs do Studio Ghibli, eles gostariam de poder visualizar uma página com os personagens dos filmes e detalhes sobre eles.

História de Usuário 5

Como usuários fãs do Studio Ghibli, eles gostariam de poder pesquisar pelos personagens pelo nome dos personagens e pelo filme que cada personagem está.

História de Usuário 6

Como usuários, fãs do Studio Ghibli, eles gostariam de poder ordenar os personagens por ordem alfabetica crescente ou decrescente

História de Usuário 7

Como usuários, fãs do Studio Ghibli, eles gostariam de filtrar os personagens por gênero.

História de Usuário 8

Como usuários fãs do Studio Ghibli, eles gostariam de ter informações sobre o Studio Ghibli.

4. Definição de Pronto

O projeto foi feito com modelo de responsividade, para três tamanhos de telas (Desktop, Tablet e Mobile).

Foram feitos testes de usabilidades com usuários que solicitou algumas implementações, como o de pesquisa pelo nome do personagem.

Os testes unitários foram realizados e obteve-se 100% para todos os critérios como pode ser visualizado abaixo:

unitary tests

5. Design do projeto

A prototipaçãodo projeto foi feita utizando a ferramenta de design Figma, para me organizar melhor quanto ao posicionamento dos elementos na página, paleta de cores e criação da logomarca.

6. Capturas de tela

Home

captura de tela da aplicação

captura de tela da aplicação

Filmografia

captura de tela da aplicação

captura de tela da aplicação

Personagens

captura de tela da aplicação

captura de tela da aplicação

Barra de navegação para dipositivos Table e Mobile

captura de tela da aplicação

captura de tela da aplicação

7. Tecnologias utilizadas

  • Trello
  • Figma
  • HTML5
  • CSS3
  • JavaScript Vanilla
  • Jest
  • Node.js
  • Git e GitHub

8. Como usar

Você precisará usar o Node.js

Clonar o projeto

$ git clone https://github.com/Lud-ic/SAP007-data-lovers.git

Instalar as dependências do projeto

$ npm install or yarn

Iniciar a aplicação

$ npm start or yarn start

Realizar os testes unitários

$ npm test or yarn test


Criado por Ludmila Magalhães

About

Projeto desenvolvido durante o Bootcamp de Front-end da SAP007 - Laboratória.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 84.1%
  • HTML 8.9%
  • CSS 7.0%