CreativeSys Auto
A custom online store with simple and variable products, a dynamic catalog and filters, checkout, EuPlătesc payments, commercial documents, full administration, and a separate quoting flow for car paint.
Core stack
The challenge
The challenge was turning a generated frontend base into a commerce product adapted to a real auto retailer's processes. The catalog had to support categories of variable depth, products and variations with separate stock, data-driven filters, configurable checkout, payments and anti-fraud, commercial documents, administration, and a quoting flow for products that cannot be sold directly at a fixed price. The most sensitive areas were synchronizing the local cart with the server-side one and keeping the order, stock, payment, cancellation, proforma, and issued documents consistent.
The solution
The solution separates the React frontend from a modular Express API, organized into routes, Zod validators, controllers, and services on top of Prisma and SQLite. The data model keeps products, variations, attributes, orders, and EuPlătesc transactions, and the backend treats prices, stock, discounts, and active methods as the source of truth. The public interface uses URL-synchronized filters, lazy-loaded pages, and persistent local state, while the dashboard provides administration for the store's main domains. The EuPlătesc integration validates signed callbacks and the anti-fraud state, the cron job recovers pending payments, and the email and PDF services automate notifications, proformas, invoices, and receipts. The backend complements the SPA with a sitemap, a Merchant Center feed, and server-side-injected SEO metadata for crawlers.
Notable complexity
CreativeSys Auto digitalizes the sale of auto parts and consumables through a manageable catalog, with recursive category hierarchies, brands, simple products, and products with variations. Each variation can have its own SKU, price, image, and stock, and the catalog supports search, contextual filtering by category, brand, price, availability, and attributes, sorting, and pagination. Filters are kept in the URL for navigation and shareable links, and the product page adapts the gallery, price, stock, and SKU to the selected variant.
The commercial flow includes a local cart and a persistent cart for authenticated users, resolving conflicts between the two at login, a wishlist, comparison, recently viewed products, saved addresses, and checkout for individuals or companies. The backend re-reads the products and variations, validates stock and active methods, recalculates prices, shipping, coupons, and VIP discounts, and saves snapshots of the products and customer data on the order. The customer can track order history, upload bank-transfer proof, cancel eligible orders, and access issued documents.
Online payment is integrated directly with EuPlătesc. The implementation generates the checkout session, signs the data with HMAC, verifies IPNs, interprets the sec_status anti-fraud state, and keeps transactions in pending, paid, failed, or refunded. Delivery of card-paid orders is blocked until the gateway confirms, and a scheduled job reconciles orders left pending if a callback does not arrive. The administrator can verify payment, process capture, reversal, or refund, and manage the order's operational states.
The platform also includes a separate flow for preparing car paint. The customer submits the vehicle, year, chassis series, paint code, quantity, and address, and the administrator reviews the request, sets the quote, generates and sends the proforma, selects the payment method, and updates the status. Invoices, receipts, and proformas are generated from the order data, and email notifications cover orders, payments, status changes, reviews, and products coming back in stock.
The admin dashboard brings together products, variations, attributes, brands, categories, orders, customers, coupons, reviews, testimonials, hero slides, paint requests, site settings, and checkout configuration. For acquisition and organic distribution, the app generates a sitemap, robots.txt, structured data, Open Graph also served from the backend for crawlers, and an XML feed for Google Merchant Center. The React frontend is built with Vite and served as an SPA, and the backend selectively injects SEO metadata into the HTML; deployment runs on a VPS via Bash scripts with build, Prisma migrations, frontend backup, and smoke tests.
Key results
- Manageable auto catalog with recursive category hierarchies, brands, simple products, and variable products
- Variations with their own SKU, price, previous price, image, stock, and availability
- Contextual filtering by category and descendants, brand, price, stock, specifications, and variation attributes
- Local and server-side cart, with three resolution options at authentication: server, local, or merge
- Checkout for individuals and companies, with configurable shipping, local pickup, coupons, and VIP rules
- Server-side calculation of prices, shipping, and discounts, with snapshots for order history
- EuPlătesc integration with HMAC, IPN, anti-fraud sec_status, periodic reconciliation, capture, and refund/reversal
- Operational order flow, with notifications, eligible cancellation, restocking, and commercial documents
- Generation and management of proformas, invoices, receipts, and bank-transfer payment proofs
- Dedicated flow for car-paint requests, from vehicle data and quoting through to proforma and payment
- Dashboard with 14 sections for statistics, catalog, orders, customers, content, and store configuration
- Moderated reviews, marking verified buyers, and email notifications for approval
- Wishlist, comparison, recently viewed products, and back-in-stock notifications
- Dynamic sitemap and robots.txt, structured data, Open Graph for crawlers, and a Google Merchant Center feed
- VPS deployment with separate builds, Prisma migrations, frontend backup, and HTTP/API smoke tests
Related projects
- Ghici Cine (Guess Who)A multiplayer browser party game with private rooms, words submitted by participants, real-time synchronized turns, per-player filtered state, and reconnection to the active session.
- Vedete & Inițiale (Celebrities & Initials)A multiplayer web app for TOMAPAN (categories/initial-letter) rounds in private rooms, with an access code, configurable categories, a shared letter, a timer, scoring for unique or duplicate answers, and real-time synchronization between players.
- Autoservice AppAn operational application for centralizing customers, vehicles, appointments, service orders, work items, RCA/CASCO insurance files, documents, invoices, payments, and reimbursements.
Want something similar?
Start with the estimate wizard — answer a few questions and get a realistic price range and timeline.