Switch Inventory Manager

中文版 | English

A modern, responsive Nuxt 3 application designed to track and manage your Nintendo Switch collection, including hardware consoles, physical cartridges, digital games, and subscription services.

✨ Features

• Comprehensive Inventory Tracking: Manage three main categories of items:

  • Hardware: Consoles (Switch, Switch 2), Controllers (Joy-Con, Pro Controller).
  • Games: Physical Cartridges and Digital Libraries for both NS1 and NS2 platforms.
  • Services: Track subscriptions like NSO (Nintendo Switch Online) and their renewal status.

• Visual Dashboard:

  • Cartridge Wall: A horizontally scrolling display of your physical game collection with realistic cartridge art styles.
  • Digital Library: A grid view for your digital downloads.
  • Hardware List: Detailed list of your devices with purchase dates and prices.

• Smart Valuation:(not smart yet)

  • Automatically calculates Total Purchase Cost.
  • Estimates Resale Value (e.g., physical games calculated at ~80% of original price).

• Data Portability (Import/Export):

  • Local Backup: Export your entire inventory (including custom uploaded images) as a single .zip file.
  • Restore: Restore your collection on any device by importing the backup file. No backend server required!

• Modern UI/UX:

  • Built with Nuxt UI and Tailwind CSS.
  • Fully Responsive Design (Mobile & Desktop).(NOT YET)
  • Native-feeling Dark Mode support.

🛠 Tech Stack

• Framework: Nuxt 3 (Vue 3)
• State Management: Pinia
• UI & Styling:
  • Nuxt UI
  • Tailwind CSS
  • DaisyUI (Dev dependency)
• Utilities:
  • jszip: For packing data and images into portable backups.
  • zod: For robust form validation.
  • @vueuse/core: For reactive browser APIs (scrolling, breakpoints).

📂 Project Structure

switch2_summary/
├── app/
│   ├── components/      # UI Components (Cartridges, Forms, etc.)
│   ├── composables/     # Shared logic (e.g., useZipStorage for backups)
│   ├── constants/       # Static options (Regions, Categories)
│   ├── pages/           # Application routes (Main Dashboard)
│   ├── schemas/         # Zod validation schemas
│   ├── stores/          # Pinia stores (Inventory state)
│   └── types/           # TypeScript interfaces
├── public/              # Static assets (Default icons, placeholder images)
└── nuxt.config.ts       # Nuxt configuration