https://github.com/monicaalyssa/scripture-support

https://github.com/monicaalyssa/scripture-support

bible mantine react scripture typescript vite

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/monicaalyssa/scripture-support
• Owner: monicaalyssa
• Created: 2024-11-20T01:52:27.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-29T00:21:03.000Z (about 2 months ago)
• Last Synced: 2024-11-29T01:27:11.041Z (about 2 months ago)
• Topics: bible, mantine, react, scripture, typescript, vite
• Language: TypeScript
• Homepage: https://monicaalyssa.github.io/scripture-support/
• Size: 2.49 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


















Scripture Support




Scripture Support offers comfort through God's Word. Receive a personalized Bible verse based on your current feelings from the input box, to encourage and uplift you. The app design ensures a comforting experience that you can rely on anytime, anywhere.







Live Site · 

Demo





## Features

- **Personalized Scriptures:** Users receive Bible verses based on their current feelings, offering comfort and encouragement.

- **Multi-Select Input Box:** Select multiple emotions from a list to generate a Bible verse.

- **Add to Home Screen:** Users can add the app to their home screen as a Progressive Web App (PWA) for quick, easy access.

- **Offline Access:** Full functionality is available even without an internet connection.

- **Generate More Responses:** Generate additional scriptures based on the same feelings.

- **Copy Scripture:** Copy the currently displayed scripture to your clipboard.

- **Resources Page:** Access a list of resources to deepen your connection with the Bible.

## Technologies & Dependencies

### Frontend

React: The core framework for building dynamic UI components, managing views between the input box and the scripture view, and scripture generation based on user input data.

Vite: Accelerates development and optimizes asset bundling. During development, it provides instant updates without the need for page reloads.

Vite-Plugin-PWA: Enhances the application with Progressive Web App (PWA) capabilities, providing offline functionality, service worker updates, and home screen installation for an app-like experience.

### UI Components

Mantine: React component library that provides customizable components to quickly and efficiently build the UI components of the app.

## Demo 

https://github.com/user-attachments/assets/8cf74134-523c-4449-9a41-05cc6716e088