Skip to content

Eenzo71/binary-translator-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

010101... Binary Translator 🖥️

HTML5 CSS3 JavaScript

Preview do Projeto

Você pode visualizar o projeto através deste link.

Uma ferramenta web elegante para converter texto comum (ASCII) para Linguagem de Máquina (Binário) instantaneamente.

📸 Sobre o Projeto

Este projeto é um Conversor de Texto para Binário desenvolvido para praticar a manipulação de strings e eventos de interação no DOM. A aplicação conta com uma interface moderna em tema escuro ("Dark Mode"), focada na experiência do usuário e responsividade.

✨ Funcionalidades

  • Conversão em Tempo Real: O código binário é gerado automaticamente a cada tecla digitada (input event).
  • Interface Dark Mode: Design visual profissional com paleta de cores escuras (#121212) e detalhes em azul neon (#0d6efd), reduzindo o cansaço visual.
  • Cópia Rápida: Botão funcional que copia o resultado para a área de transferência com feedback visual (Toast notification).
  • Formatação 8-bit: Algoritmo que garante que cada caractere tenha 8 dígitos, preenchendo com zeros à esquerda quando necessário.
  • Responsividade: Layout flexível que se adapta a telas de desktops e dispositivos móveis.

🚀 Tecnologias Utilizadas

  • HTML5: Estrutura semântica e acessível.
  • CSS3:
    • Variáveis CSS (:root): Para gerenciamento eficiente de cores e temas.
    • Flexbox: Para alinhamento centralizado e distribuição de elementos.
    • Fontes: Uso da Poppins para interface e JetBrains Mono para a área de código.
    • Animações: Efeitos de hover e transições suaves no toast.
  • JavaScript (Vanilla):
    • Manipulação do DOM.
    • Lógica de conversão utilizando .charCodeAt(0) e .toString(2).
    • API navigator.clipboard para funcionalidade de copiar e colar.

🔧 Como Executar

  1. Clone este repositório:
    git clone 

About

Conversor de Texto para Binário com interface Dark Mode responsiva. Desenvolvido para portfólio usando HTML, CSS e JavaScript

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors