Skip to content
View The3DP's full-sized avatar
🏠
Working from home
🏠
Working from home

Block or report The3DP

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
The3DP/README.md

Bible App - Static Website

A simple, fast, and accessible Bible reading platform built with HTML, CSS, and JavaScript.

Features

  • πŸ“– Bible verse search and display
  • πŸ”– Favorite verses bookmarking
  • πŸŒ™ Dark/Light theme support
  • πŸ“± Fully responsive design
  • ⚑ No backend required - runs entirely in the browser
  • πŸ” Fast search functionality
  • πŸ’Ύ Local storage for saved data

Getting Started

Prerequisites

  • A modern web browser
  • A text editor (VS Code, Sublime Text, etc.)
  • Git

Installation

  1. Clone the repository:
git clone https://github.com/The3DP/Bible-App.git
cd Bible-App
  1. Open index.html in your browser or use a local server:
python -m http.server 8000
# or
python3 -m http.server 8000
  1. Visit http://localhost:8000 in your browser

Project Structure

Bible-App/
β”œβ”€β”€ index.html          # Main HTML file
β”œβ”€β”€ css/
β”‚   └── styles.css      # Styling
β”œβ”€β”€ js/
β”‚   β”œβ”€β”€ app.js          # Main application logic
β”‚   β”œβ”€β”€ bible-data.js   # Bible verses database
β”‚   └── utils.js        # Utility functions
β”œβ”€β”€ data/
β”‚   └── kjv.json        # Bible data (KJV)
└── README.md           # This file

Bible Data Sources

Currently using:

  • King James Version (KJV) - Public domain

Usage

  1. Search: Type book name, chapter, or keywords in the search bar
  2. Browse: Navigate through books and chapters
  3. Save: Click the heart icon to save favorite verses
  4. Theme: Toggle between dark and light modes

Contributing

Contributions are welcome! Please:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Roadmap

  • Multiple Bible translations
  • Verse of the day widget
  • Reading plans
  • Note-taking feature
  • Social sharing
  • Offline mode with service workers
  • User accounts and sync (future)

License

MIT License - see LICENSE file for details

Contact

Questions or suggestions? Open an issue or reach out!

Pinned Loading

  1. AnimDuo.github.io AnimDuo.github.io Public template

    AnimDuo is the second repository of the of "Anim-" series. Check out AnimOne for more details.

    HTML 2

  2. AnimOne AnimOne Public template

    This repository contains multiple animations you can test out and combine. Please check out my other animation packets!

    HTML 1

  3. AnimTrice.github.io AnimTrice.github.io Public template

    This third added repo builds on AnimOne and AnimDuo.

    HTML 1

  4. Code-Samples Code-Samples Public

    This repository consists of a multitude of code samples (among a few other things). Varieties of these travel from simple to complex, big to small, and dull to cool. Soon, this repository will be c…

    Python 1

  5. QuoteData.github.io QuoteData.github.io Public

    A Github pages site which will will feature a quote for every day! :)

    1

  6. VerseData.github.io VerseData.github.io Public

    This repo uses Github Pages to display a Bible verse every single day! This repo will be constantly updated and improved.

    1