feat: Verse of the Day w/ YouVersion API and Tweet Card Display

[JustinhSE]

Overview

Add a "Verse of the Day" feature using the YouVersion API to fetch daily verses and display them using the MagicUI Tweet Card component. This feature will provide users with daily inspiration in a visually appealing format.

Tasks

1. Install and set up YouVersion API

   • Review documentation within this api
   • Run npm install @glowstudent/youversion
   • Import the YouVersion module in the project
   • Create a function to fetch the Verse of the Day using YouVersion API

2. Create a Verse of the Day component

   • Use the Tweet Card component as a base
   • Customize the component to display the Verse of the Day content (exclude version)
   • Set the title of the Tweet Card to "Verse of the Day"

3. Integrate Verse fetching with the display component

   • Fetch the Verse of the Day when the component mounts
   • Update the Tweet Card component with the fetched verse data
   • Display a fallback message if the verse fetching fails

4. Implement caching to reduce calls (optional)

   • Store the fetched verse locally to reduce API calls
   • Update the cached verse at midnight in the user's local time zone

[ciaracade]

I'd like to take this!

[JustinhSE]

Yea for sure!

[ciaracade]

Thank you! ^^

[JustinhSE]

Hey @ciaracade, just checking in for the status on this issue?

[ciaracade]

Hi, working on this over winter break ;)

[JustinhSE]

Alright great, thanks for the status update!