Shopclip - React And Laravel E-Commerce Platform

Shopclip — A Modern Headless E-Commerce Platform Built for Speed, Scale, and Real Businesses

Shopclip is a complete, production-ready e-commerce solution pairing a lightning-fast React 19 + TypeScript storefront with a powerful, data-rich admin dashboard — all running on a robust Laravel REST API backend. It's built as a true Single Page Application, so your customers get an app-like, no-reload shopping experience, while your team gets a control panel that feels like a real SaaS product, not a bolted-on CMS.

Whether you're launching a boutique fashion store, a multi-category marketplace, or a beauty/skincare brand, Shopclip gives you the storefront, the operations tooling, and the growth features (analytics, abandoned cart recovery, Facebook Pixel/CAPI, flash sales) to run and scale a real online business — out of the box.

🛍️ Why Shopclip Stands Out

• Truly Headless & Decoupled — the React frontend and Laravel API are fully separated, giving you the freedom to scale, cache, and deploy each independently, or swap the frontend for a mobile app later without touching your business logic.
• Built with Modern, In-Demand Tech — React 19, Vite, TypeScript, Zustand, TailwindCSS v4. No legacy jQuery, no bloated page builders — just a clean, maintainable, developer-friendly codebase.
• Admin Dashboard That Feels Like a SaaS Product — real-time analytics, funnels, abandoned cart tracking, and a plugin system, not just a basic CRUD panel.
• Global-Ready from Day One — multi-language (English, French, Arabic with automatic RTL), and 73+ currencies pre-configured with custom formatting, symbols, and live conversion rates.
• Performance-Minded API Layer — a custom Axios caching layer intelligently short-caches GET requests to cut down redundant network calls and keep catalog browsing fast, while writes instantly invalidate the cache to guarantee fresh data.

🖥️ Storefront Features

• Dynamic, backend-managed hero sliders with multiple animation/layout styles
• Flash sales with live countdown timers
• New arrivals, popular categories & curated homepage sections — all manageable from the admin, no redeploys needed
• Advanced product catalog with filtering by category, brand, attributes, and price range, plus sorting and pagination
• Rich product detail pages: variant selection (size/color), multi-image galleries, related/upsell/downsell products, and customer reviews with star ratings
• Slide-out cart drawer and a streamlined, dynamic checkout flow with address selection and live shipping fee calculation tied to your configured shipping zones
• Customer accounts: order history, saved addresses, wishlist
• Dynamic form builder — build custom checkout/contact fields from the admin without writing code
• Full multi-language storefront (EN / FR / AR) with automatic right-to-left layout for Arabic

• Store-wide dynamic theming — brand colors, backgrounds, and logo inversion are pulled live from the backend and applied instantly via CSS variables

📊 Admin Dashboard Features

• Analytics Dashboard — revenue, orders, AOV, conversion rate, cart abandonment, new vs. returning customers, refund rate, and revenue-lost tracking, broken down across Sales, Customers, Cart Funnel, Products, Marketing, and Operational tabs, with interactive Recharts visualizations and configurable date ranges (Today / 7 / 30 / 90 days / Year / custom range)
• Full Catalog Management — Products, Categories, Brands, Attributes, Colors, Sizes, and Badges, with per-product variant management and stock tracking
• Order Management — detailed order views with itemized breakdowns, editable line items, status timelines, payment status, shipping status, internal notes, and confirmation call tracking
• Content Management — Homepage Sections, Footer Sections, Slides, Flash Sales, and Promo Banners, all editable visually from the dashboard
• Shipping Rules Engine — configure countries, states/wilayas, cities, and granular delivery fees (Home Delivery vs. Stop Desk pricing)
• Store Settings Suite — Store Info, Logo, Policies, Announcement Bar, Trust Bar, Backgrounds, Layout, Form Builder, SEO & Meta, Languages, Shipping, Thank You Page, and Cache purge — all in one organized settings hub
• Multi-Currency Management — 73 currencies pre-loaded with custom symbol placement, decimal/thousand separators, and live rates, plus one-click default currency switching
• Payment Method Configuration — enable/disable Stripe, PayPal, Bank Transfer, and Cash on Delivery per store
• Plugin Management System — activate, deactivate, install (including from ZIP), and configure modular plugins directly from the UI: Abandoned Cart Recovery, Product Bundles, Exit Intent Popup, Facebook Pixel & CAPI, and Roles & Permissions ship ready to go
• Reviews moderation, with verified-purchase badges and helpful-vote support

Features

React 19 + TypeScript storefront with Vite 8 for near-instant builds and HMRLaravel 13 REST API backend, fully decoupled (headless architecture)Real-time analytics dashboard with Recharts (sales, customers, cart funnel, marketing, operations)Full catalog CRUD: products, variants, categories, brands, attributes, colors, sizes, badgesOrder management with timelines, notes, and shipping status trackingPlugin system with install/activate/deactivate from the UI73 pre-configured currencies with custom formattingMulti-language (English, French, Arabic) with automatic RTLDynamic homepage sections, flash sales, promo banners, and form builderCustom Axios caching layer for fast catalog browsingFully responsive, mobile-first UI with GSAP micro-animations and Swiper carousels

Requirements

Node.js 18+, npm or yarnPHP 8.2+, ComposerMySQL/MariaDB

Instructions

Clone/extract the backend, configure .env (DB credentials, app key), run migrations & seeders.Clone/extract the frontend, run npm install, copy .env.example to .env, set VITE_API_URL to your backend URL.Run npm run dev for local development or npm run build for production, and serve the /dist folder with SPA fallback enabled (rewrite all routes to index.html).Log in to /admin with your seeded admin account to configure store settings, payment methods, currencies, and plugins.

You can access admin panel via login page with :

Email : admin@example.com

Password : password