"ScriptureFit: A Guide to Starting a Bible Study" is a Vue web application designed to help users begin, grow, and lead Bible studies. The site includes resource pages for how to learn about the faith, a Bible study time calculator, a cart for users, and a Firebase integration for saving user profile/cart information and sending selected resources by email.
Eli VanHaaren
CSC498 Senior Seminar, Spring 2026
This project uses Firebase Firestore to store user profile and cart information. It also uses the Firebase Trigger Email extension with Resend to send the resources to the email address of the user with their cart's items.
The website itself can be downloaded and run locally without having to set up a Firebase or Resend account. However, the Firebase features depend on my Firebase project configuration. These features include:
- Saving user name/email information
- Saving and loading cart items of a user's account from Firebase
- Creating email request documents in the Firestore
mailcollection - Sending selected cart resources by email
The email feature uses Resend. With Resend's free trial run setup, sending is limited and may only work with the verified email address or domain connected to the Resend account. For my project, I used my own configured Firebase and Resend setup.
If you would like to fully recreate the Firebase/email functionality on their own computer, you would need to:
- Create your own Firebase project.
- Create a Firestore database.
- Install/configure the Firebase Trigger Email extension.
- Create a Resend account.
- Connect Resend SMTP credentials to the Firebase Trigger Email extension.
- Update the Firebase configuration inside
src/firebase.js.
- Download or clone this repository.
- Open the project folder in VS Code.
- Open a terminal in the main project folder.
- Install dependencies:
i use "cd scripturefit" (you just need to navigate to where you have it saved before installing)
"npm install"
then "npm run dev"