Online Store for Construction Materials

E-commerce, Construction & Renovation
Rinservwood Online Store

Project Information

Category
E-commerce Online Store
Industry
Construction Materials Renovation
Technologies
Vue 3 SPA PHP 8 REST API MySQL
Payments
Stripe Cash on Delivery

Tech Stack & Integrations

Project Overview

Rinservwood.ro is a full-featured online store for construction materials, built from scratch with Vue 3 SPA on the frontend and PHP 8 with REST API on the backend. The platform includes a product catalog with 3-level categories, flyout mega-menu, search with synonyms and relevance scoring, shopping cart, checkout with real-time shipping calculation, Stripe and cash-on-delivery payments, authentication system with customer dashboard, SEO blog, and a complete admin panel with KPI dashboard, charts, product management with WebP conversion, and automated email notifications.

Complete Shopping Experience

The platform features product galleries with swipe and zoom, sticky add-to-cart on mobile, live autocomplete search with construction synonyms, advanced filters (price, stock, sorting), low stock alerts, quick ordering via WhatsApp with pre-filled messages, and visual trust badges (14-day returns, fast delivery, secure payment).

Checkout & Secure Payments

Checkout with visual step bar and auto-save, individual/company toggle with tax ID fields, real-time shipping calculation by county, bulky materials detection, card payment via Stripe Checkout Session and cash on delivery with server-side amount recalculation. Anti-fraud system with double-processing prevention and CSRF protection.

Admin Panel & Marketing

Administration panel with KPI dashboard (orders, revenue, low stock), Chart.js graphs, full product management with automatic WebP conversion, blog CMS with Summernote WYSIWYG, automated email notifications (order confirmation, delivery status, welcome) and integrated social proof (viewers count, stock alerts).

Rinservwood Admin Dashboard

The store is fully SEO-optimized with clean URLs in history mode, dynamic XML sitemap, Schema.org markup (LocalBusiness, Product, BreadcrumbList), unique meta tags per page, and WebP images with SEO-friendly names. Performance is ensured through skeleton loaders, lazy loading, differentiated caching, GZIP compression, and optimized queries with server-side pagination. The design is mobile-first with full responsiveness, Inter font, and Font Awesome icons.

Wave ShapeWave Shape