Skip to content

DanielLiberato/Biblia-Sagrada-Json-JFA

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📖 Bíblia Sagrada - Sistema de Leitura

Um sistema moderno e intuitivo para leitura da Bíblia Sagrada com navegação avançada e modo tela cheia.

✨ Características

  • 📚 Múltiplas Versões: Almeida Revista e Corrigida (RC) e Revista e Atualizada (RA)
  • 🎯 Navegação Intuitiva: Seleção fácil de livro, capítulo e versículo
  • ⌨️ Atalhos de Teclado: Navegação rápida com setas e teclas de função
  • 🖥️ Modo Tela Cheia: Interface limpa para apresentações
  • 📱 Design Responsivo: Funciona em desktop, tablet e mobile
  • 🎨 Interface Discreta: Menu compacto ideal para telões
  • Performance Otimizada: Carregamento rápido e navegação fluida

🚀 Funcionalidades

🔍 Navegação

  • Seleção de versão da Bíblia
  • Busca por livro, capítulo e versículo
  • Navegação sequencial entre versículos
  • Contagem automática de versículos por capítulo

⌨️ Atalhos de Teclado

  • ⬅️ ➡️ - Navegar entre versículos
  • F11 - Entrar/Sair da tela cheia
  • ESC - Sair da tela cheia

🖥️ Modo Tela Cheia

  • Interface limpa sem distrações
  • Menu oculto automaticamente
  • Dicas de navegação sutis
  • Ideal para cultos e apresentações

📁 Estrutura do Projeto

📦 Biblia-Sagrada-Json-JFA/
├── 📄 index.html              # Página principal
├── 📄 README.md               # Documentação
├── 📁 assets/                 # Recursos do projeto
│   ├── 📁 css/               # Estilos
│   │   └── css_biblia.css    # CSS principal
│   ├── 📁 js/                # Scripts JavaScript
│   │   ├── vue_2.js          # Framework Vue.js
│   │   └── bible-app.js      # Lógica da aplicação
│   └── 📁 data/              # Dados da Bíblia
│       ├── books_bible.js    # Lista de livros
│       ├── jsondata_almeida_rc.js  # Versão RC
│       └── jsondata_almeida_ra.js  # Versão RA
├── 📁 src/                   # Código fonte
│   └── config.js             # Configurações
├── 📁 tests/                 # Testes
│   └── test_sistema.html     # Testes unitários
└── 📁 docs/                  # Documentação adicional

🛠️ Tecnologias Utilizadas

  • Vue.js 2 - Framework JavaScript reativo
  • HTML5 - Estrutura semântica
  • CSS3 - Estilos modernos com gradientes e animações
  • JavaScript ES6+ - Lógica da aplicação
  • JSON - Dados da Bíblia estruturados

📖 Como Usar

1️⃣ Seleção Básica

  1. Escolha a Versão da Bíblia (RC ou RA)
  2. Selecione o Livro desejado
  3. Escolha o Capítulo
  4. Digite ou selecione o Versículo

2️⃣ Navegação

  • Use os botões ⬅️ Anterior e Próximo ➡️
  • Ou use as setas do teclado para navegar
  • Digite diretamente o número do versículo

3️⃣ Modo Tela Cheia

  • Clique em ⛶ Tela Cheia ou pressione F11
  • Use ESC para sair
  • Navegue com as setas do teclado

🎯 Ideal Para

  • Cultos e Pregações - Menu discreto, texto destacado
  • Estudos Bíblicos - Navegação rápida entre versículos
  • Apresentações - Modo tela cheia profissional
  • Leitura Pessoal - Interface limpa e intuitiva
  • Dispositivos Móveis - Design responsivo

🔧 Configurações

O sistema inclui configurações avançadas em src/config.js:

  • Versões da Bíblia disponíveis
  • Atalhos de teclado personalizáveis
  • Mensagens do sistema
  • Configurações de debug
  • Animações e interface

🧪 Testes

Execute os testes unitários abrindo tests/test_sistema.html:

  • ✅ Teste de carregamento de dados
  • ✅ Teste de navegação de versículos
  • ✅ Teste de funcionalidade fullscreen

📱 Compatibilidade

  • Navegadores: Chrome, Firefox, Safari, Edge
  • Dispositivos: Desktop, Tablet, Mobile
  • Sistemas: Windows, macOS, Linux, iOS, Android

🤝 Contribuições

Contribuições são bem-vindas! Para contribuir:

  1. Fork o projeto
  2. Crie uma branch para sua feature
  3. Commit suas mudanças
  4. Push para a branch
  5. Abra um Pull Request

📄 Licença

Este projeto é de código aberto e está disponível sob a licença MIT.

🙏 Créditos

  • Dados Bíblicos: Almeida Revista e Corrigida / Revista e Atualizada
  • Framework: Vue.js
  • Ícones: Emojis Unicode

📖 "Lâmpada para os meus pés é tua palavra, e luz para o meu caminho." - Salmos 119:105

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages