Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/jm7087/caixa-de-versiculos-multilingue

Aplicação web que exibe versículos bíblicos aleatórios e permite traduzir o versículo para diferentes idiomas.
https://github.com/jm7087/caixa-de-versiculos-multilingue

api css css3 html html5 javascript js

Last synced: about 2 months ago
JSON representation

Aplicação web que exibe versículos bíblicos aleatórios e permite traduzir o versículo para diferentes idiomas.

Awesome Lists containing this project

README

        

# Caixa de Versículos Bíblicos Multilingue

Este projeto é uma simples aplicação web que exibe versículos bíblicos aleatórios e permite traduzir o versículo para diferentes idiomas. O sistema é construído usando HTML, CSS e JavaScript, com integração de APIs externas para obter os versículos e realizar traduções.

## Funcionalidades

- **Versículo Aleatório**: Obtenha um versículo bíblico aleatório clicando em um botão.
- **Tradução de Versículos**: Traduz o versículo para diferentes idiomas usando a API de tradução.
- **Seleção de Idioma**: Escolha entre vários idiomas como Português, Inglês, Espanhol, Francês, Alemão, Italiano, Russo, Chinês (Simplificado) e Japonês.
- **Estilização Responsiva**: Interface visual atraente e responsiva, adaptada para diferentes dispositivos.

Capturas de Tela PC









Capturas de Tela Celular





## Tecnologias Utilizadas

- **HTML5**: Para a estrutura da página.
- **CSS3**: Para estilização e layout.
- **JavaScript**: Para a lógica do sistema, manipulação do DOM e integração com APIs.
- **API da Bíblia**: [Bible Labs API](https://labs.bible.org/api/) para obter versículos aleatórios.
- **API de Tradução**: [MyMemory API](https://mymemory.translated.net/doc/usagelimits.php) para tradução de versículos.

## Visão Geral

O projeto consiste em três arquivos principais:

- `index.html`: Arquivo principal do projeto contendo a estrutura HTML.
- `styles.css`: Arquivo de estilos CSS para estilização da página.
- `script.js`: Arquivo JavaScript responsável pela lógica de obtenção e tradução dos versículos.

## Estrutura do Projeto

```plaintext
.
├── index.html
├── style.css
├── script.js
├── img
│ ├── icone.png

```

## Como Usar

1. Clone este repositório
2. Abra o arquivo `index.html` em seu navegador
3. Clique no botão "Versículo" para obter um novo versículo
4. Use o seletor de idioma para escolher a língua desejada

## Contribuição

Contribuições são bem-vindas! Se você encontrar algum problema ou tiver alguma sugestão de melhoria, por favor, abra uma issue ou envie um pull request.

## Créditos

- Desenvolvido por [João Marcos](https://links.jm7087.com)