image

Access unlimited bootcamps and 650+ courses forever

60
%OFF
Article image
Rafael Pereira
Rafael Pereira19/10/2024 16:09
Share

Projeto Front-end Chrono Trigger

  • #HTML
  • #CSS
  • #JavaScript

O projeto a seguir foi elaborado com o objetivo de mostrar em uma página html, uma listagem com os principais personagens do icônico jogo de SNES, Chrono Trigger.

image

Embora uma aplicação simples, tem muita estilização no css do projeto. Há um Card padrão com informações a respeito do personagem que já abre automaticamente com a página. Ao clicar nos botões referente aos personagens, há uma mudança de cor no botão e também a mudança de card para o personagem escolhido.

No CSS, principalmente nas cores dos cards de personagem há uma brincadeira de cores no gradiente, onde os códigos foram retirados do https://cssgradient.io/ e por fim essas variedades de tons vistas no projeto.

No JavaScript, fica a mágica dos cliques para as transições de cards ocorrerem da forma correta. A longo prazo pretendo inserir mais personagens. Os que aqui estão, são os que se caracterizam como personagens jogáveis no jogo.

Seguem abaixo os links das minhas redes e do projeto. Aceito sugetões e dicas e agradeço antecipadamente a todos.

Linkedin / Github / Repositório do Projeto / Site

Share
Comments (1)
Rafael Pereira
Rafael Pereira - 19/10/2024 16:14

Detalhe: algo interessante é a adequação da página em diversos tipos de dispositivos: no celular aparece diferente do que é no desktop sem comprometer os ítens da página. Obs: fazer esse projeto me motivou a jogar novamente esse jogo.