Skip to content

Projeto desenvolvido no bootcamp de front-end da laboratória (turma SAP007) pela aluna Karina Mel(@KarinaMel0)

Notifications You must be signed in to change notification settings

KarinaMel0/SAP007-StudioGhibli

 
 

Repository files navigation

Projeto Data Lovers - Desenvolvido no Bootcamp Laboratória

Studio Ghibli

Sumário


Definição do Produto ✏️

O Studio Ghibli Foi elaborado com a finalidade de facilitar o dia a dia dos fãs e orienta-los com informações das suas obras preferidas do Studio Ghibli.

O Design do site foi pensando para trazer uma verdadeira imersão para o usuário, com a página Home sendo o portal de entrada, contendo um pouco do Studio e um Slide Show com alguns dos filmes mais famosos do Studio aqui no Brasil.

No site o usuário tem uma página de filmes com informações como, data de lançamento, diretor, produtor e Nota, fazendo com que o site reúna uma verdadeira Ghibli Wiki com variedade de filmes e seus detalhes.

Temos também a página de personagens, para aqueles que querem saber um pouco mais sobre cada personagem e suas particularidades, podendo ser usado para pesquisas ou apenas para matar a curiosidade apos ver um filme do Studio Ghibli. Nesta página é possível pesquisar por nome e ordenar por filme.

O site conta com responsividade, sendo possivel acessar do Desktop, Mobile(425px) ou Tablet(767px)

Em Suma, Desejo que o projeto consiga ajudar muitos admiradores do Studio Ghibli.


Usuário

Quem é o Usuário? 📜

O usuário alvo são fãs ou apenas simpatizantes do Studio Ghibli que querem saber mais detalhes de suas obras ou personagens.

História de Usuário ✎

Historia de usuario 1

Historia de usuario 2

Historia de usuario 3


Protótipo

Protótipo de baixa fidelidade
Home

Protótipo Home

Movies

Protótipo Movies

Characters

protótipo Characters

Alta Fidelidade

Mobile(425px)

Mobile

Tablet(767px)

Tablet

Desktop

Desktop Desktop

Paleta de cores utilizada


Como Utilizar? ⚙️

Você precisará usar o Node.js

Clonar o projeto $ git clone https://github.com/KarinaMel0/SAP007-StudioGhibli.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


Tecnologias 🚀

Tec's
Figma
Git
JavaScript
CSS
HTML
Node.Js
Jest-Testes

Resultado Final ✅

Home

Resultado Final Home

Movies

Resultado Final Movies

Characters

Resultado Final Characters


Sobre a desenvolvedora 🌻

  • Karina Mel



Badges

-figma Node.js EsLint Git JavaScript

About

Projeto desenvolvido no bootcamp de front-end da laboratória (turma SAP007) pela aluna Karina Mel(@KarinaMel0)

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 82.4%
  • CSS 10.0%
  • HTML 7.6%