Chrome Extension that opens the Read Scripture daily Bible reading in a new tab.
- Daily Bible reading plan
- Beautiful, distraction-free reading experience
- Watch related Bible Project videos
- Works offline with caching
- Modern, responsive design
- Download the latest release ZIP file from this repository
- Open Chrome and go to
chrome://extensions/
- Enable "Developer mode" in the top right
- Drag and drop the ZIP file into the Chrome extensions page
Visit the Chrome Web StoreClick "Add to Chrome"
- Clone the repository:
git clone https://github.com/yourusername/ReadScriptureChromeExtension.git
cd ReadScriptureChromeExtension
- Install dependencies:
npm install
- Build the extension:
npm run build # For production
# or
npm run dev # For development
- Load in Chrome:
- Open Chrome and go to
chrome://extensions/
- Enable "Developer mode" in the top right
- Click "Load unpacked"
- Select the
dist
directory from this project
- Open Chrome and go to
npm run dev
- Build for developmentnpm run watch
- Watch for changes and rebuildnpm run build
- Build for productionnpm run lint
- Check for code issuesnpm run lint:fix
- Fix code issuesnpm run format
- Format code with Prettiernpm run validate
- Run linting and build
src/
├── scripts/
│ ├── api/ # API interactions
│ ├── components/ # UI components
│ └── utils/ # Utilities and helpers
├── static/
│ ├── css/ # Compiled CSS
│ ├── img/ # Images and icons
│ └── scss/ # SCSS source files
├── background.js # Extension background script
└── manifest.json # Extension manifest
- Update version in
package.json
andsrc/manifest.json
- Run production build:
npm run build
- The extension will be built to the
dist
directory - Create a ZIP file for the Chrome Web Store:
cd dist && zip -r ../read-scripture-extension-v[VERSION].zip . && cd ..