Todos os projetos

Estudo de caso

Memeteca BR

  • JavaScript
  • CSS3
  • HTML5
  • Tailwind
Captura de tela da interface do projeto Memeteca BR

Contexto

A Memeteca BR é um soundboard interativo que permite aos usuários reproduzir os sons dos memes mais icônicos e clássicos do Brasil. Uma experiência nostálgica e divertida que resgata os áudios que marcaram a cultura digital brasileira.

Papel e contribuição

Participei da definição visual e da implementação da experiência interativa, incluindo a associação entre os elementos da interface e seus respectivos áudios. O projeto foi desenvolvido de forma colaborativa.

Decisão

Esse projeto surgiu após um curso da Alura de Javascript ensinando a fazer um soundboard com teclas interativas

Resultado

Concluímos uma interface interativa na qual os cliques acionam corretamente os sons associados aos memes, aplicando na prática manipulação do DOM e eventos em JavaScript.

Aprendizado

Primeiro projeto prático usando Javascript e Tailwind para estilização, pude aprender a interagir com elementos do DOM e criar o código do zero,

Processo

  1. Conceito

    Definição colaborativa do visual, das cores, das imagens e dos áudios.

  2. Interface

    Construção da interface do projeto.

  3. Eventos

    Associação dos elementos aos eventos de clique.

  4. Áudio

    Implementação da reprodução dos áudios.

  5. Testes

    Testes e correção das associações entre memes e sons.

A Memeteca BR é um soundboard interativo que permite aos usuários reproduzir os sons dos memes mais icônicos e clássicos do Brasil. Uma experiência nostálgica e divertida que resgata os áudios que marcaram a cultura digital brasileira.

Vamos conversar sobre o seu projeto?

Use o formulário para contar o contexto, o que precisa ser construído e em que etapa o trabalho está.

Ir para o contato

Buscar e navegar

↑ ↓ para escolher · Enter para abrir · Esc para fechar