Overview

Zyphora is a full-stack e-commerce platform built with a React + Vite frontend and an Express + MongoDB backend following a client-server architecture. It features a modern customer storefront with secure authentication, product search, filtering, wishlist and cart management, embedded Stripe checkout, persistent user sessions, and order history. The platform also includes a role-based admin dashboard for product management, featured-product management, order processing, and business analytics.

Key Features

• →Modern E-commerce Storefront: Developed a responsive storefront featuring live product search with autocomplete, category and price filtering, sorting, pagination, featured products, quick-view modals, wishlist and cart actions, detailed product pages with size, color, and quantity selection, and responsive navigation.
• →Secure Authentication & User Management: Implemented JWT authentication with HttpOnly access and refresh token cookies, automatic session restoration and token refresh, role-based access control, shared Zod validation, and authentication/upload rate limiting for enhanced security.
• →Shopping Cart & Wishlist: Built a persistent shopping cart with guest-to-user synchronization, variant-aware items, coupon management, and an authenticated wishlist with optimistic UI updates and client-side caching.
• →Secure Checkout & Order Management: Integrated Stripe Embedded Checkout with coupon support, post-payment order verification, automated cart processing, customer order history, and comprehensive order management for administrators.
• →Admin Dashboard & Business Analytics: Designed a role-based admin dashboard with business analytics, product creation and management, image uploads, featured product controls, order management, and session-persisted dashboard navigation.
• →Performance & User Experience: Enhanced user experience with Framer Motion animations, reusable shadcn/ui components, skeleton loaders, toast notifications, reusable loading and error states, and a polished responsive interface.

Tech Stack