An open API service indexing awesome lists of open source software.

https://github.com/ninja1375/teste-de-visao-online

Teste de Visão Online
https://github.com/ninja1375/teste-de-visao-online

css html javascript teste-de-visao-online

Last synced: 6 months ago
JSON representation

Teste de Visão Online

Awesome Lists containing this project

README

        

## Descrição:

**Veja o projeto ao vivo:**

**[Teste de Visão Online](https://ninja1375.github.io/Teste-de-Visao-Online/)**

O "**Teste de Visão Online**" é uma ferramenta interativa e acessível projetada para avaliar rapidamente aspectos fundamentais da sua visão diretamente no conforto da sua casa, sem a necessidade de visitas presenciais a uma clínica oftalmológica. Este teste simula de forma simples uma análise inicial de como sua visão está se comportando em relação à identificação de letras e cores.

## Como Funciona:

**1. Geração Aleatória de Letras e Cores:**

O teste apresenta letras aleatórias do alfabeto (de A a Z), geradas de maneira dinâmica, que aparecem na tela em três cores possíveis: vermelho, amarelo e verde. A cada nova rodada, uma combinação de letra e cor é exibida, e o usuário deve identificá-las corretamente.

**2. Entrada de Respostas:**

O usuário deve inserir a letra que vê no campo de entrada e selecionar a cor correspondente a partir de opções pré-definidas (vermelho, amarelo ou verde). O sistema verifica se a letra e a cor estão corretas, fornecendo feedback imediato após cada tentativa.

**3. Modo Cronometrado e Modo de Treinamento:**

Modo Cronometrado: Se o usuário optar por este modo, ele terá um tempo limitado para responder a cada letra apresentada. O temporizador conta o tempo restante para cada rodada e avisa quando o tempo se esgotar, forçando a submissão automática da resposta.

Modo de Treinamento: Este modo permite que o usuário pratique sem pressão de tempo, ideal para treinar reconhecimento de letras e cores sem o cronômetro.

**4. Níveis de Dificuldade:**

O teste oferece múltiplos níveis de dificuldade que ajustam o tamanho da letra e o grau de desfoque:

Fácil: Letras grandes e nítidas.

Médio: Letras um pouco menores e com leve desfoque.

Difícil: Letras menores com desfoque mais acentuado.

Muito Difícil: Letras pequenas e altamente desfocadas, desafiando a acuidade visual do usuário.

**5. Pontuação e Feedback Imediato:**

Cada resposta recebe feedback instantâneo: se correta, o usuário ouve um som positivo e vê uma mensagem de acerto; se incorreta, um som de erro é tocado e o sistema exibe a resposta correta, informando qual era a letra e cor exibida.

A pontuação é atualizada em tempo real, mostrando quantas respostas corretas e incorretas o usuário teve ao longo do teste.

**6. Resumo Final e Reinício:**

Após completar 10 perguntas, o usuário é apresentado a um resumo final que exibe o número total de acertos e erros.

O sistema bloqueia novas tentativas após as 10 perguntas, forçando o usuário a clicar no botão de Reiniciar Teste para começar uma nova rodada de avaliação.

**7. Funcionalidades Extras:**

Salvar como PDF: Após concluir o teste, o usuário tem a opção de salvar os resultados e o resumo do teste em formato PDF.

Compartilhamento em Redes Sociais: Com botões integrados, o usuário pode compartilhar os resultados diretamente no Facebook, Twitter ou WhatsApp.

> [!NOTE]
> O "**Teste de Visão Online**" é ideal para qualquer pessoa que deseja verificar rapidamente sua acuidade visual, avaliar sua capacidade de reconhecimento de cores ou treinar sua visão de uma maneira simples e divertida. Ele pode ser usado tanto por pessoas que suspeitam de problemas na visão quanto por quem busca manter suas habilidades visuais em dia.

> [!CAUTION]
> Este teste não substitui uma avaliação oftalmológica profissional. Para diagnósticos mais precisos, é recomendado que o usuário consulte um especialista.

> [!WARNING]
> [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/Ninja1375/Teste-de-Visao-Online/blob/main/LICENSE)
>
> Este projeto está licenciado sob a licença MIT. Você é livre para usá-lo, modificá-lo e distribuí-lo, desde que mantenha o aviso de copyright original e a licença.

## Linguagens Utilizadas: