ClickCart: E-commerce Platform Built on React and Supabase

ClickCart is an e-commerce frontend wired to a real backend rather than a mock. Auth, profiles, products, cart, and wishlist all run against Supabase, so the surface behaves like a working store rather than a demo. The architecture leaves room for the parts that come after the MVP (payments, shipping, order tracking) without forcing a rewrite.

Shopping side:

• Real-time product search and advanced filtering
• Cart that persists across sessions and devices through Supabase
• Wishlist for saved items
• Category-based navigation, featured products, and flash deals with live countdowns

Account side:

• Auth through Supabase, including profile handling with avatar uploads
• Protected routes for account-only screens

Checkout: The checkout flow is in place as a structured scaffold: payment, shipping, and order tracking modules exist as components ready for a real provider integration. The pattern is deliberate; the harder parts (data flow, validation, address handling) are already solved, and dropping in Stripe or a courier API does not require rewriting the surface.

Stack:

• Frontend: React 18, TypeScript, Tailwind CSS, Zustand, React Router v6, Framer Motion
• Backend: Supabase Postgres with Auth, Storage, and real-time subscriptions
• Architecture: Component-driven layout with clear separation between data, UI, and routing
• Tooling: ESLint and TypeScript-ESLint, with Prettier and automated tests planned

Roadmap: Product reviews, dark mode, email notifications, multilingual UI, and real-time chat for support.