We should make a feature that user can use the camera to scan a card, identify it, and log it as a card that you own. in the existing scanner feature, provide a toggle button to switch to a new mode that will expand the dialog box so we can see a preview of the identified card that has been scanned using the front/back camera. if the identification is wrong provide that as input to the llm via speech or by a button on the preview that should have a green check mark button and a red cross button. green button accepts the identification and logs to database while red will prompt the llm to suggest another card, and if that doesn't work either after second try ask user about e.g what pokemon is in the picture, how much health, attack, or expansion that can be found at the left bottom¨, or any other immediat things that could help the llm identify what card we are talking about. if camera detect a completly different card then count it as green. there should also be below the preview and camera feed show a history list of the the identified cards (and a remove button next tothe name of identified card). furtest below should be a summary and a counter for each of the cards we identified, and we can adjust the number of encounters of the card. add an animation where it looks like the preview card is minimized and dragged down to the list.
We need to start to make a database to log these things locally on the users browser cache, and provide an export feature from settings to export to json, and a feature to import the json again.
then there should be a save button
then we add a toggle button in the TCG database page - next to the "expansions | all cards" to show the card we own, call it "My Collection"
put it in the green ring:
then for all the cards we dont owe, render the cards in monochrome color while those we have as normal (with color). Then i want to render a little box at the bottom center of the card with a counter with two button at the left and right side of the counter. user should also be able to type directly in the counter. when user interacts with elements, it automatically saves the counter states (to the database). we dont want a button to do this. make the counter like this:
We should make a feature that user can use the camera to scan a card, identify it, and log it as a card that you own. in the existing scanner feature, provide a toggle button to switch to a new mode that will expand the dialog box so we can see a preview of the identified card that has been scanned using the front/back camera. if the identification is wrong provide that as input to the llm via speech or by a button on the preview that should have a green check mark button and a red cross button. green button accepts the identification and logs to database while red will prompt the llm to suggest another card, and if that doesn't work either after second try ask user about e.g what pokemon is in the picture, how much health, attack, or expansion that can be found at the left bottom¨, or any other immediat things that could help the llm identify what card we are talking about. if camera detect a completly different card then count it as green. there should also be below the preview and camera feed show a history list of the the identified cards (and a remove button next tothe name of identified card). furtest below should be a summary and a counter for each of the cards we identified, and we can adjust the number of encounters of the card. add an animation where it looks like the preview card is minimized and dragged down to the list.
We need to start to make a database to log these things locally on the users browser cache, and provide an export feature from settings to export to json, and a feature to import the json again.
then there should be a save button
then we add a toggle button in the TCG database page - next to the "expansions | all cards" to show the card we own, call it "My Collection"
put it in the green ring:
then for all the cards we dont owe, render the cards in monochrome color while those we have as normal (with color). Then i want to render a little box at the bottom center of the card with a counter with two button at the left and right side of the counter. user should also be able to type directly in the counter. when user interacts with elements, it automatically saves the counter states (to the database). we dont want a button to do this. make the counter like this: