🛒 CartPulse – Real-Time E-Commerce Platform | Node.js React Stripe Socket.io OAuth2 PostgreSQL

🚀 FULL-STACK E-COMMERCE PLATFORM — Live & Deployed!
🔗 Live Demo: https://cartpulse-jodg.onrender.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✨ CORE FEATURES

🛍️ Full Product Management — Create, edit & manage products with multiple images, categories, pricing (regular + sale 💰), stock tracking, tags & featured flags

🛒 Real-Time Shopping Cart — Add, update & remove items with live stock validation; cart syncs across ALL browser tabs instantly via WebSockets ⚡

💳 Stripe Checkout Integration — Real payments via Stripe Checkout with webhook-based order confirmation & automatic stock deduction

📦 Order Management — Customer order history, detailed order tracking & real-time status updates

💬 Built-in Order Chat / Messaging — Customers & admins can message per order; real-time delivery, read receipts & unread badges 🔵

🔐 OAuth2 Login — Google OAuth2 + Twitter/X OAuth 2.0 with PKCE flow (passwordless 🔓); auto-merges accounts by email

📊 Admin Dashboard — Revenue stats, order counts, product count, customer count & recent orders

🔄 Real-Time Order Updates — Order status changes & per-item product status updates broadcast live via Socket.io

💸 Stripe Refunds — One-click refund from admin panel updates order status & triggers Stripe API via webhook

🌓 Dark Mode with Time-Based Toggle — 3-state theme switcher: Light ☀️ / Dark 🌙 / Auto (auto-switches at 6PM–6AM)

📱 Fully Mobile Responsive — Works on all devices; admin panel includes mobile bottom navigation

🔔 Toast Notifications + Stock Alerts — "Only X left!" warnings when stock ≤ 5, animated cart badge

🧹 Auto-Cleanup — Pending orders auto-deleted when customer clears their cart

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🏗️ INFRASTRUCTURE & ARCHITECTURE

🟢 Node.js 20 + Express 4 — RESTful API with session-based authentication

🐘 PostgreSQL 14+ — Production database with migrations via node-pg-migrate

⚡ Socket.io 4 — Real-time bidirectional events for cart, inventory, orders & chat

💾 Session Store: connect-pg-simple — sessions persisted in PostgreSQL (not in-memory)

🚀 Deployment: Single-service Node app on Render; Docker Compose supported for local dev

🛡️ Security: Helmet, CORS, HttpOnly secure cookies (production), SameSite policy & role-based access control

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🧰 TECH STACK

🎨 Frontend: React 19 + Vite 5 + React Router 6 + Tailwind CSS 3

⚙️ State Management: React Context + custom hooks (cart, auth, socket, theme)

🔧 Backend: Node.js + Express + PostgreSQL + Socket.io

🔑 Auth: Passport.js (Google OAuth2, Twitter OAuth 2.0 PKCE)

💰 Payments: Stripe Checkout + Webhooks

🗄️ Database: PostgreSQL (production) / Local PostgreSQL (dev)

📡 Real-Time: Socket.io (rooms: user:{userId}, admin, product:{id})

🌐 Deployment: Render (single dyno) + Docker (optional)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎯 PROJECT HIGHLIGHTS

1️⃣ No Passwords — Pure OAuth2 (Google + Twitter/X) for frictionless signup/login 🚀

2️⃣ Live Cart Sync — Cart updates instantly across all tabs/windows ⚡

3️⃣ Per-Item Order Tracking — Track each product independently (processing → preparing → shipped → delivered) 📦

4️⃣ Real-Time Inventory — Stock updates broadcast to all users viewing that product 📡

5️⃣ Order-Specific Chat — Built-in messaging between customers & admins tied to each order 💬

6️⃣ Time-Based Dark Mode — Auto theme switch based on time of day 🌗

7️⃣ Stripe Refund Integration — Admin-triggered refunds update order status & call Stripe API 💸

8️⃣ Progressive Mobile Admin — Full admin panel on mobile with bottom navigation 📱

9️⃣ Email-Based Account Merging — New OAuth logins merge with existing accounts automatically 🔗

🔟 Zero-Friction Checkout — Contact info collected separately from Stripe payment flow ✨

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

#NodeJS #React #FullStack #ECommerce #SocketIO #Stripe #OAuth2 #PostgreSQL #RealTime #WebSockets #TailwindCSS #PassportJS #AdminDashboard #ShoppingCart #ECommercePlatform #WebDevelopment #JavaScript #TypeScript #ProductManagement #OrderManagement #Chat #DarkMode #Responsive #ProductionReady #Portfolio #Deployed #CartPulse

Видео 🛒 CartPulse – Real-Time E-Commerce Platform | Node.js React Stripe Socket.io OAuth2 PostgreSQL канала Progress