New Rave
The TCG E-Commerce Platform That Keeps Itself Stocked.
New Rave is a TCG (trading card game) e-commerce platform serving Pokémon, Yu-Gi-Oh!, Magic, Flesh and Blood, Lorcana, Riftbound, Vanguard, Shadowverse, and more. It pairs an Angular customer storefront with a Node.js scraping backend so the catalog stays current — without manual data entry.
How It Works
Scrape Catalog
Puppeteer-driven scraper pulls live product data from upstream TCG sources — Magic, Yu-Gi-Oh!, Pokémon, Flesh and Blood.
Manage Inventory
Admins fetch products by ID, bulk-import collections, and manage supplies, events, and preorders from a route-guarded panel.
Browse & Discover
Customers shop by category, filter products, and explore featured drops on a fast Angular storefront.
Cart & Checkout
Firebase-backed cart and wishlist persist per user; Stripe handles shipping and payment at checkout.
Order & Notify
Order confirmation emails to customer and store via Nodemailer; my-orders dashboard tracks fulfilment.
Features
Customer Storefront
- Hero banner and featured products on home
- Shop by category — Pokémon, Magic, Yu-Gi-Oh!, and more
- Product browsing, filtering, and detail pages
- Why Choose Us, offers, and community sections
Cart, Wishlist & Checkout
- Firebase-backed cart, persistent per user
- Wishlist saved across sessions
- Stripe payment integration with shipping
- Order confirmation and my-orders dashboard
Catalog Scraper
- Puppeteer-driven scraping of upstream TCG sources
- 3-browser pool with batched concurrency for politeness
- Bulk catalog, featured products, and single-product fetch
- CORS-allowlisted API endpoints
Admin Panel
- Route-guarded by AdminGuard (Firebase Auth)
- Add Collection — bulk product import
- Fetch by ID / Fetch Latest from the scraper
- View Orders, Hero Media, and Preorder managers
Beyond Cards
- Add Supply for non-card inventory
- Add Event for in-store TCG events
- Hero media manager for homepage banners
- Preorder manager for upcoming releases
AI Helpers
- AI rewriter for product descriptions
- Background removal for product photos
- Cloudinary integration for image hosting
- Reduces manual catalog work
Auth & Communication
- Firebase Auth with AdminGuard route protection
- Gmail SMTP via Nodemailer for transactional email
- Order confirmation to customer and store
- Contact form with email delivery
Performance & Stack
- Angular 16 + Tailwind frontend on Netlify
- Express + Puppeteer backend on Railway
- ~1.22 MB initial bundle, ~262 kB transfer
- SPA routing via Netlify _redirects