Funkollection is your one-stop web application for tracking, organizing, and showcasing your Funko Pop collection. Whether you're a casual fan or a dedicated collector, this app is built to help you stay organized and inspired by your favorite characters.
As a Funko Pop collector, I realized there’s a Pop for everything I love — from TV shows to games to anime. But as my collection grew, it became harder to remember what I already owned. Funkollection was born to solve that — so you never accidentally buy a duplicate again.
- 📦 Add, edit, and remove Pops from your collection
- 🧮 Filter, search, and sort your collection by franchise, exclusivity, or ID
- 🧾 View collection stats (estimated value, total count, activity charts, etc.)
- 🌐 Responsive landing page with sections: About, Features, FAQ, Contact
- 🎨 Styled with Tailwind CSS + PrimeVue components
- 💬 FAQ section and About section included
- 🔐 Google Authentication (Firebase)
- Frontend Framework: Vue js + Vite
- Styling: Tailwind CSS, PrimeVue
- State Management: Vue's built-in reactivity
- Routing: Vue Router
- Backend: (Planned) Firebase
- Version Control: Git + GitHub
 |
 |
 |
- 📱 Mobile-first refinements
- 💳 Stripe Monetization (planned)
- Some mobile responsive layout bugs remain
Funkollection/
├── public/
│ └── images/
├── src/
│ ├── assets/
│ ├── components/
│ ├── views/
│ ├── App.vue
│ └── main.js
├── tailwind.config.js
├── vite.config.js
└── package.json