Kakarot — Full-Stack Anime Merch E-Commerce Store

A production e-commerce platform for anime merchandise with a 476-product catalog. It includes a server-rendered storefront, customer accounts, cart and checkout, and a full admin panel through which the client manages all store content. WhatsApp order notifications and ImageKit media delivery are integrated, and it's deployed serverless on Vercel. Live at kakarot.online.

SSR homepage with product rails and a hero carousel

Shop page with filters and sorting, plus live search with type-ahead suggestions

Product pages with size variants and a pincode delivery checker

Quick View modal and a slide-out cart drawer with a free-shipping progress bar

Checkout with coupons, gift cards, delivery options and Cash on Delivery

Order tracking, wishlist and stock alerts ("notify me")

Orders, saved addresses, wishlist, profile and password

Loyalty points, gift cards and notifications

Dashboard with stats and charts

Management for products, categories, orders (including manual order creation), customers, coupons, gift cards and reviews

Abandoned-cart and wishlist insights

Team management with roles and permissions

WhatsApp settings and message log

Appearance editor: the client edits the logo, banners, menus, announcements, FAQs, policy pages and SEO without writing code

In-memory caching and fewer database queries for fast server-rendered pages

Dynamic meta tags on every page

Image CDN optimization

React 19 + TypeScript, TanStack Start (full-stack React with SSR), Vite

TanStack Router (type-safe routing) + TanStack Query (data fetching and caching)

Tailwind CSS v4 + shadcn/ui (Radix UI primitives)

React Hook Form + Zod, Embla Carousel, Recharts

Node.js serverless functions (TanStack Start server functions as the API layer)

MongoDB Atlas + Mongoose with 15 data models (products, orders, users, cart, coupons, gift cards, reviews, wishlist, loyalty points, stock alerts and more)

Custom authentication with separate admin and customer sessions and password reset

Role-based access control for admin team members

Nodemailer (SMTP) for order confirmation and password-reset emails

WhatsApp Cloud API (Meta): automated order notifications, webhooks and scheduled messages

ImageKit CDN: image upload and optimization, plus migration of 1,700+ images

Meta Pixel: e-commerce event tracking (view, add to cart, purchase)

WooCommerce Store API: catalog import scripts

Vercel serverless deployment, Vercel Cron Jobs, CDN rewrites and security headers

Git / GitHub, ESLint, Prettier, strict TypeScript

Custom Node.js scripts for database seeding, catalog import, image migration and data patching