O projeto consiste em um dicionário inglês online onde o usuário realiza a busca por qualquer palavra da língua inglesa e recebe diversas informações a respeito tais como: fonética, significados separados pela classe gramatical (substantivo, verbo, adjetivo ou advérbio), exemplos e sinônimos, além de ser capaz de ouvir a palavra pesquisada.
-
Busca de Palavras:
- Entrada de texto para que o usuário digite a palavra desejada.
- Botão de busca para iniciar a pesquisa da palavra.
-
Validação da busca:
- Validação da validade da palavra inserida ou da não inserção de nenhuma palavra.
- Exibição de mensagem de erro ao usuário em caso de pesquisa inválida.
-
Exibição de Resultados:
- Exibição da palavra buscada.
- Pronúncia fonética da palavra.
- Origem histórica ou etimologia da palavra.
-
Definições:
- Categorização das definições por partes do discurso (substantivo, verbo, adjetivo, advérbio).
- Lista de definições para cada parte do discurso.
-
Exemplos de Uso:
- Frases de exemplo mostrando como a palavra é utilizada em contextos reais.
- Exibição de exemplos sob cada definição ou agrupados conforme a necessidade.
-
Sinônimos:
- Listas de palavras que possuem significados semelhantes para cada parte do discurso.
-
Interface de Usuário:
- Tema claro e escuro, alternável pelo usuário.
- Possibilidade de alteração da fonte, de acordo com o desejo do usuário.
- Layout responsivo e intuitivo para fácil navegação.
-
Acessibilidade:
- Leitura em voz alta da palavra e definições usando a API SpeechSynthesisUtterance.
- React
- Styled-components
Clone o projeto
git clone https://github.com/danieldribeiro/interactive-credit-card-details
Entre no diretório do projeto
cd my-project
Instale as dependências
npm install
Inicie o servidor
npm run dev
- API utilizada: https://api.dictionaryapi.dev/api/v2/entries/en/{word}