clicksocorro - GitLite

KO | EN

gitlite — search

#tensorflow #agents #deep-learning #animation #github #video #framework #list #macos #mysql

clicksocorro

(★ 9)

clicksocorro:Guia rápido e centralizado com todos os principais números de emergência (Saúde, Segurança e Resgate) para suporte ao cidadão a apenas um clique.

File Explorer

ZIP Download

- style.css
- ARCHITECTURE.md
- CHANGELOG.md
- CONTRIBUTING.md
- android-icon-144x144.png
- android-icon-192x192.png
- android-icon-36x36.png
- android-icon-48x48.png
- android-icon-72x72.png
- android-icon-96x96.png
- apple-icon-114x114.png
- apple-icon-120x120.png
- apple-icon-144x144.png
- apple-icon-152x152.png
- apple-icon-180x180.png
- apple-icon-57x57.png
- apple-icon-60x60.png
- apple-icon-72x72.png
- apple-icon-76x76.png
- apple-icon-precomposed.png
- apple-icon.png
- browserconfig.xml
- favicon-16x16.png
- favicon-32x32.png
- favicon-96x96.png
- manifest.json
- ms-icon-144x144.png
- ms-icon-150x150.png
- ms-icon-310x310.png
- ms-icon-70x70.png
- script.js
ABOUT.md
favicon.ico
index.html
LICENSE
logo.jpeg
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Descri√ß√£o

ClickSocorro √© uma aplica√ß√£o web de discagem r√°pida de emerg√™ncia projetada para facilitar o acesso imediato aos principais servi√ßos de emerg√™ncia e utilidade p√∫blica do Brasil. Com uma interface intuitiva e visualmente organizada, o sistema resolve o problema de memoriza√ß√£o e acesso r√°pido aos n√∫meros de emerg√™ncia em momentos cr√≠ticos, permitindo que usu√°rios discar para servi√ßos como Pol√≠cia Militar, Bombeiros, SAMU, Defesa Civil e muitos outros com um √∫nico clique.

## Stack

### Frontend
- **HTML5**: Estrutura sem√¢ntica e acess√≠vel
- **CSS3**: Estiliza√ß√£o moderna com gradientes e design responsivo
- **JavaScript (Vanilla)**: L√≥gica de intera√ß√£o e detec√ß√£o de dispositivo
- **Lucide Icons**: Biblioteca de √≠cones moderna e leve

### Ferramentas e Bibliotecas
- **Lucide Icons**: √çcones SVG modernos para interface visual
- **Clipboard API**: Funcionalidade de copiar n√∫meros em desktop
- **Geolocation API**: Recursos de localiza√ß√£o (implementa√ß√£o futura)

## Funcionalidades

- **Discagem R√°pida**: Links diretos `tel:` para discagem imediata em dispositivos m√≥veis
- **Categoriza√ß√£o Visual**: Bot√µes coloridos por categoria (emerg√™ncias, prote√ß√£o civil, servi√ßos √∫teis)
- **√çcones Intuitivos**: Cada servi√ßo possui um √≠cone representativo para f√°cil identifica√ß√£o
- **C√≥pia Autom√°tica**: Em desktop, os n√∫meros s√£o copiados automaticamente para a √°rea de transfer√™ncia
- **Design Responsivo**: Interface adapt√°vel para celulares, tablets e desktops
- **Modo Escuro**: Tema escuro moderno para melhor conforto visual
- **Organiza√ß√£o por Categoria**: Servi√ßos divididos em tr√™s categorias principais:
  - üö® Principais Emerg√™ncias (PM, Bombeiros, SAMU, PRF, PR Estadual)
  - üõ°Ô∏è Prote√ß√£o Civil e Apoio Social (Defesa Civil, Direitos Humanos, Central da Mulher, Disque-Den√∫ncia)
  - üõ†Ô∏è Outros Servi√ßos √öteis (Pol√≠cia Civil, CVV, Guarda Municipal, Disque Sa√∫de, PROCON, Central da Prefeitura)

## Como Rodar

### Pr√©-requisitos
- Navegador web moderno (Chrome, Firefox, Safari, Edge)
- Servidor web local (opcional, para desenvolvimento)

### Passo a Passo

1. **Clone o reposit√≥rio**
   ```bash
   git clone https://github.com/mauriciospark/clicksocorro.git
   cd clicksocorro
   ```

2. **Abra o projeto**
   - Op√ß√£o 1: Abra o arquivo `index.html` diretamente no navegador
   - Op√ß√£o 2: Use um servidor local como Live Server (VS Code) ou Python:
     ```bash
     # Python 3
     python -m http.server 8000
     
     # Python 2
     python -m SimpleHTTPServer 8000
     ```

3. **Acesse a aplica√ß√£o**
   - Se estiver usando servidor local: `http://localhost:8000`
   - Se abriu diretamente: O arquivo estar√° dispon√≠vel no navegador

### Estrutura de Arquivos

```
clicksocorro/
‚îú‚îÄ‚îÄ index.html          # P√°gina principal
‚îú‚îÄ‚îÄ css/
‚îÇ   ‚îî‚îÄ‚îÄ style.css      # Estilos da aplica√ß√£o
‚îú‚îÄ‚îÄ js/
‚îÇ   ‚îî‚îÄ‚îÄ script.js      # L√≥gica JavaScript
‚îú‚îÄ‚îÄ favicon/
‚îÇ   ‚îî‚îÄ‚îÄ logo.jpeg      # Logo da aplica√ß√£o
‚îî‚îÄ‚îÄ docs/              # Documenta√ß√£o do projeto
```

## Licen√ßa

Este projeto est√° licenciado sob a Licen√ßa MIT - veja o arquivo LICENSE para detalhes.

## Contato

Desenvolvido por Mauricio Spark - Spark Mauricio

�
�k�a�i�s�e�
�
�