Right now, the camera just tries to focus on faces. How can we make it focus on the card and the text to get a good image to read with Tesseract?

As a user, I should be able to:

• search for a card using it's name
• see a list of cards that match what I searched for
• see "No results" if my card doesn't exist in the database
• click on a card to see more details

As a user, I'd like to be able to:

• see suggestions of what I meant, maybe as I type, or after I search
• hover over cards to see quick details

Why?

Because I want to see what cards Wizards of the Coast has created.

If we use Tesseract on a card now, it will read everything on the card. I only want to grab the name of the card.

I'm thinking this will be the process it goes through:

• Take picture of full card
• identify the Name section
• crop the name out of the picture
• give to Tesseract to read

References:
Anatomy of card

Develop a caching layer using Redis to store and retrieve Magic: The Gathering card information, optimizing search efficiency by minimizing repeated queries to the Scryfall API. This task involves setting up a Redis instance, integrating it with a T3 stack application, and implementing logic to cache card data as JSON documents. The goal is to enhance the application's performance and user experience by reducing load times and API request overhead, leveraging Redis' fast in-memory data storage capabilities.

We have no User Interface (UI) designed. It would be nice to have something to build towards while we're adding this functionality.

Designs Needed:

• Scanning Cards
• Deck Building
• Collection Value