A Progressive Web App built with VueJS, Vuetify, Express, and Firebase, designed to help card collectors with a smoother user experience and weekly monitoring of PCA graded Pokémon cards.

Thanks to the collaboration of collectors, we are able to retrieve and update data for more than 900 cards every week!

The application was discontinued once PCA improved the visibility of data on its official platform.
Before its shutdown, Holonlab had reached 50 registered accounts, 500 unique users, and over 5,000 monthly page views.

• 📋 Cards list with infinite scrolling.
• 🔍 Search cards by name, set, or rarity.
• 📈 Data history on the detailed view.
• ❤️ Favorites mode to easily track selected cards.
• 🔔 Notification system to alert you whenever a favorite card’s amount changes.
• 👥 Role-based access control to manage permissions and let collaborators contribute card data directly.
• ℹ️ About view to thank friends and collectors who contributed to the project.
• 📴 Mobile app & offline support through PWA.
• 🌙 Dark mode for a comfortable viewing experience.

• UI / UX: myself

• Framework: VueJS 2
• Store: VueX
• Component framework: Vuetify
• Auth & identity: Firebase
• BDD (noSQL): Firestore
• Serveler Functions & CRON jobs: Google Cloud Platform
• Scrapper: Puppeteer

1. Clone the repository:

   git clone https://github.com/v-p-l/holonlab.git
   cd holonlab

2. Install dependencies:

   npm install

3. Start the application:

   npm run serve