Bible-Connect-Staging

Interactive Bible Connection Simulator (POC)

This project is a Proof of Concept (POC) demonstrating the visualization of internal Bible cross-references using a D3.js Chord Diagram within a Next.js application.

Project Goal

To show the feasibility of interactively visualizing sample chapter-level and verse-level Bible connections on a web platform, suitable for desktop and mobile use.

Classification

Proof of Concept (POC)

Tech Stack

• Next.js (App Router)
• React
• D3.js
• Tailwind CSS

Setup & Installation

1. Clone the repository:

   git clone https://github.com/JSilvaLabs/Bible-Connect-Staging.git # Replace with your actual repo URL
   cd interactive-bible-connection-simulator
   

2. Install dependencies:

   npm install
   

Running the Development Server

```bash npm run dev

Features

Progressive Web App (PWA)

This application is a Progressive Web App (PWA), offering an enhanced experience when installed on your device:

• App-like Experience: Launches in its own window, not just a browser tab.
• Offline Access: Core application shell and previously viewed Bible connection data can be accessed even without an internet connection.
• Quick Access: Launch it directly from your home screen or app launcher.

How to Install:

• Automatic Prompt: On supported browsers (like Chrome on Android, Edge on Desktop), you should see a banner at the bottom of the screen prompting you to install the app when it’s ready. Simply follow the on-screen instructions.
• Manual Installation:
  • On most mobile browsers: Look for an “Add to Home Screen,” “Install app,” or similar option in the browser’s menu (usually three dots or lines).
  • On desktop browsers (like Chrome, Edge): Look for an install icon in the address bar (often on the right side) or an “Install Bible Connections Explorer…” option in the browser’s menu.

Once installed, “Bible Connections Explorer” will appear alongside your other apps.