TLDR Summary
- Team Stores Platform: Frontend for organizations to manage customized athletic apparel stores
- v-Personalize Integration: Full API client for connecting to resto-api v-personalize endpoints
- Store Listing: Browse all available team stores with active/inactive status indicators
- Store Details: View individual store data including designs, customizations, and orders
- SvelteKit 2 + Svelte 5: Modern tech stack with runes-based reactivity and Tailwind CSS v4
Comprehensive Release Notes
Store Listing
All Stores Page (/showall)
- Display all team stores in a clean, card-based layout
- Active/Inactive status badges for each store
- Store count with pagination support
- Click-through navigation to individual stores
Store Detail Page
Individual Store View (/store/[storeId])
- Complete store information display
- Designs section with total count and product details
- Customizations section showing customer modifications
- Orders section with order history
- Raw JSON data display for debugging and development
API Integration
v-Personalize API Client
- TypeScript API client with full type definitions
- VPStore - Store configuration and metadata
- VPDesign - Product designs and variants
- VPCustomization - Customer customizations
- VPOrder - Order history and shipping information
- Paginated responses with metadata support
- Error handling with meaningful messages
Consumed Endpoints
- GET /v1/vp-stores - List all team stores
- GET /v1/vp-stores/:storeId - Get store by store_id
- GET /v1/vp-designs/store/:storeId - Get designs for a store
- GET /v1/vp-customizations/store/:storeId - Get customizations
- GET /v1/vp-orders/store/:storeId - Get orders for a store
Technical Foundation
Modern Tech Stack
- SvelteKit 2.48.5 with Svelte 5 runes ($state, $derived, $props)
- Tailwind CSS v4 with @tailwindcss/vite plugin
- TypeScript in strict mode throughout
- Node.js deployment with adapter-node
- Backend integration with resto-api (Go/Gin)
Brand Styling
- Corporate Blue (#00305c) for headers
- Click Blue (#3977fb) for interactive elements
- Deep Sea Blue (#547291) for secondary text
- Breeze Blue (#cee1f1) for backgrounds
- Consistent RESTO brand application
Contributors
Development Team
- @ty-e-boyd - Initial development including SvelteKit scaffold, API client, store listing, store details, and v-personalize integration