/Rick-and-Morty

Este projeto foi criado com o objetivo de cumprir o segundo desafio proposto para a 5º turma do Bootcamp da Laboratória. Criado por Hadassa Costa e Nicaely Joane.

Primary LanguageJavaScript

Rick and Morty 🌍

Para acessar o projeto clique aqui! 🚀

Índice

Sobre o Projeto

O projeto foi desenvolvido para os fãs da série Rick and Morty.
Criamos uma página web que ofereça uma apresentação dos personagens de acordo com as seguintes informações: nome, espécie, status e origem.

Desenvolvemos uma página com conteúdo que satisfaz as curiosidades de todos os fãs da série por meio de um design intuitivo e atraente.


Objetivos de aprendizagem

  • 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 e estruturados.

  • Uso de flexbox em CSS.

  • Manipular arrays (filter | map | sort | reduce)

  • Manipular objects (key | value)

  • Uso ES modules (import | export)

História de usuário

Meu nome é Francesco tenho 23 anos e sou fã da série Rick and Morty. O desenho me despertou a curiosidade sobre os personagens e as dimensões alternativas. Procurei sites que explicassem detalhes da série mas não encontrei tantas informações sobre. Gostaria de encontrar um site onde pudesse ter mais informações relevantes e detalhadas sobre Rick and Morty. GOstaria de buscar personagens por nome e visualizá-los em cards, com informações como imagem, nome, espécie, origem, localização atual e status, onde eu também consiga filtrar essas informações 😄.

Protótipos

Wireframe do projeto

prototipo-baixa

Antes da idealização de um protótipo de alto nível seguindo a história do usuário esse foi o primeiro desenho do projeto.


Protótipo de alta fidelidade

prototipo

Protótipo do projeto criado utilizando Figma.


Desevolvedoras

Nicaely Joane Github
Hadassa Costa Github

Thank you! 😄