https://github.com/gabriel-vasconcelos/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.
https://github.com/gabriel-vasconcelos/inputcount-frontend
html5 javascr linguagem-de-programacao-script smd tailwind ufc web-com
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/gabriel-vasconcelos/inputcount-frontend
- Owner: Gabriel-Vasconcelos
- Created: 2025-01-05T20:29:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-08T02:57:44.000Z (over 1 year ago)
- Last Synced: 2025-11-06T11:03:10.161Z (7 months ago)
- Topics: html5, javascr, linguagem-de-programacao-script, smd, tailwind, ufc, web-com
- Language: CSS
- Homepage:
- Size: 33.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/gabriel-vasconcelos/inputcount-backend)
## 🎥 Vídeo do Projeto
https://github.com/user-attachments/assets/206eb209-3076-416b-97d7-09f4b467b25d
## 📚 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:
```bash
git clone https://github.com/gabriel-vasconcelos/inputcount-frontend.git
cd inputcount-frontend
```
### 🌐 Passo 2: Executar o Frontend
```bash
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