Back to Projects

Full-Stack E-Commerce Platform

Built a production-ready e-commerce platform from the ground up with full multi-language support (English and Arabic with complete RTL layout adaptation), dark/light mode theming, a shopping cart with real-time stock validation that prevents overselling, a multi-step checkout flow with form validation, and a comprehensive admin dashboard with revenue analytics, order management, and inventory tracking. The platform demonstrates end-to-end full-stack development including authentication, database design, state management, and responsive UI.

Features

  • Multi-language support with English and Arabic, including complete RTL layout adaptation for Arabic users
  • Dark/light mode theming with system preference detection and persistent user choice
  • Shopping cart with real-time stock validation — prevents overselling by checking inventory at checkout
  • Multi-step checkout flow with Zod-powered form validation at each step
  • Comprehensive admin dashboard with revenue analytics charts, order management, and inventory tracking
  • Supabase PostgreSQL with Row-Level Security (RLS) policies ensuring data isolation between users
  • Database RPC functions for complex transactional operations like order placement
  • Google OAuth authentication with seamless sign-in/sign-up flow
  • Real-time cart synchronization across tabs using Jotai atomic state management
  • Fully responsive design optimized for mobile, tablet, and desktop viewports

Tech Stack

Next.js 15React 19TypeScriptSupabasePostgreSQLTailwind CSSShadcn UIJotaiZodi18nextGoogle OAuth