InputCount Frontend

O InputCount é um sistema web simples que permite aos usuários enviar valores a um servidor e visualizar o número de vezes que cada valor foi enviado. Este repositório contém o código referente à interface de usuário (frontend) do projeto, desenvolvido utilizando HTML5, TailwindCSS e JavaScript Puro.

🧩 Visão Geral do Projeto

O projeto InputCount é dividido em duas partes principais:

• Frontend: Interface web que permite ao usuário inserir um valor em uma caixa de texto e enviá-lo para o backend. Após o envio, o número de vezes que o valor foi recebido pelo servidor é exibido na interface.
• Backend: Servidor desenvolvido em Node.js que recebe os valores enviados pelo frontend, armazena a contagem de cada valor e retorna essa informação ao frontend.

⚠️ Nota: Este repositório é apenas para o código do frontend. O backend está disponível em um repositório separado: 🔗 InputCount Backend

🎥 Vídeo do Projeto

ScreenRecord_2025-01-08_d112e0dd-6d5e-4f94-8260-48eb5d98f4bf.mp4

📚 Tecnologias Utilizadas

• HTML
• CSS (TailwindCSS)
• JavaScript Puro (Vanilla JS)

🚀 Funcionalidades do Frontend

• Caixa de texto para o usuário inserir um valor
• Botão que envia o valor ao backend via requisição HTTP (fetch API)
• Exibição do número de vezes que o valor foi enviado ao servidor

📂 Como Executar o Projeto

🔧 Passo 1: Clone o repositório:

Execute o seguinte comando no terminal para clonar o repositório:

git clone https://github.com/gabriel-vasconcelos/inputcount-frontend.git
cd inputcount-frontend

🌐 Passo 2: Executar o Frontend

yarn && yarn run init

Por fim, abra o arquivo index.html diretamente no seu navegador para visualizar a interface.

🔗 Repositórios Relacionados

• 🔄 Backend do InputCount: https://github.com/gabriel-vasconcelos/inputcount-backend