PokeCollection

PokeCollection is a mobile application that allows users to scan or search Pokemon Cards and add them to their portfolio. The portfolio features data such as the price of cards and the card set. The main page shows the total value and the total number of cards in the portfolio

About PokeCollection

Technology used for Pokecollection include VSCode as the IDE, Supabase as the backend, ReactNative is the app development framework, Expo has more tools and libraries for ReactNative, Typescript as the programming language, and Google Cloud Vision as the OCR. This app uses the PokemonTCG API to fetch card information such as images and current pricing.

Why use PokeCollection? PokeCollection was created to solve one simple problem, when you have too many cards to keep track of and want a seemless and efficient way to view and catalogue your cards.

Key Features

Feature 1

Backend

The backend is responsible for account creations and user authentification. The first feature I made on PokeCollection was a fully functional login and signup screen, everything else was built around that. With Supabase the process was easy and they provide fuctions to use and tables to securely store user information. Each user has their own tables on the backend that stores important data for their cards such as price, name, and even an image uri.

Feature 2

Adding Cards

The key aspect of PokeCollection is adding cards to the users portfolio. I first added a feature that allows the user to search for a card and manually add it to the portfolio. I added this as a failsafe incase the card scan features fails. I used Google Cloud Vison OCR to scan the users card and extract the necessary information then it searches for it and shows the most likely cards it could be.

Feature 3

Portfolio

The portflio screen is responsible for showing the current users cards and allows the user to delete them. The card data is stored in the backend so the page calls the card and its image to display apppropriatly. When a user adds or deletes a card it is deleted from the backend database and is no longer displayed. The home screen also shows the total net value of the users portfolio and the total number of cards in the users portfolio.

Final Thoughts

Pokecollection went through a lot of changes during development and ran into some problems along the way. Some examples include keeping the scope small by only including the core functionality of the app, and designing a database that properly store the information I need. In the future I plan on expanding the home page by adding graphs and charts highling the increasing portfolio value, and adding a more robust portfolio screen by having numerous sort functions.

Contact Me

Email: aamendez@txwes.edu