Skip to content

monicaalyssa/scripture-support

Repository files navigation

React TypeScript Vite

Logo

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

demo.mov