feat: Scripture Encouragement

[JustinhSE]

🌟 Feature Overview

This feature is aimed at creating a slideshow of uplifting and encouraging scriptures in the form of blockquotes. The scriptures should be carefully selected to provide comfort and inspiration, especially ones you would share with a brother in need. The slideshow should automatically cycle through the scriptures without requiring user input. 🔄 The feature will be implemented in the src\pages\Dashboard.tsx file.

🛠️ The design for the slideshow is already completed. 🎨

✅ Tasks

• 📜 Collect a list of uplifting scripture verses.
• 🔧 Replace the "quote here" string with the collected scripture verses in the slideshow component.
• 🖥️ Implement a component to display blockquotes in an automatic slideshow format.
• 🏗️ Integrate the slideshow component into src\pages\Dashboard.tsx.
• 🔄 Add functionality for automatic transitions between scriptures in the slideshow.
• 🧪 Test the slideshow for smooth automatic transitions and responsiveness.
• 📝 Document the feature usage in the project documentation.

[Awnder]

✋ hand it over. Also happy to work with someone on this if anyone is interested. Collaboration is fun.

[JustinhSE]

@Awnder just got around to looking at the UI! Thanks for the contribution. We currently have a nested card? I was wondering if you could remove your nested border?

[Awnder]

Of course haha. I developed this without actually knowing how anything would look because I didn't have a firebase set up.

[JustinhSE]

Oh okay, yeah always feel free to tag me before a PR if you are getting firebase initialization errors. I put error handling for your console in case it didn’t work!

[Awnder]

@JustinhSE where do you want this documented?

[JustinhSE]

Usually in the thread if there is an issue. If you mean the firebase config, then it’s updated in the readme!

[Awnder]

Oops sorry. I mean the component as a whole, as per feature requirements:

📝 Document the feature usage in the project documentation

[JustinhSE]

Since you made it its own component within the div, you don’t need to do that. It is pretty self explanatory oh how it works