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 a Vue 3 SPA frontend and a PHP 8 REST API 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-industry 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 (live viewer counts, 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 and fully responsive, using the Inter font and Font Awesome icons.

Wave ShapeWave Shape