ARVEX — an Arabic store for water heaters, tanks and pumps in Saudi Arabia

The project

ARVEX sells water heaters, tanks, pumps, filters and sanitary ware to Saudi homes and contractors. Buyers worry about rust, leaks and heat loss, so the store answers that before it shows a price, and then keeps a catalogue of more than a thousand products easy to shop.

What I built

• A scroll story on the home page: the heater turns in 3D and opens to show its shell, 7.5 cm of foam, seamless inner tank, titanium elements and safety valve
• More than 1,200 products imported from the owner’s Salla store, with their sizes, prices and photos
• Search, filters and sorting, with every capacity, size or colour priced on its own
• A checkout built for Moyasar card payments (mada, Visa, Mastercard, Apple Pay), cash on delivery and bank transfer
• Order status on a private link, with no customer account needed
• Prices, VAT, delivery and stock worked out in the database, so the browser never sends a price
• An admin dashboard for orders, products and their sizes, categories, brands, messages and store settings
• The client’s ARVEX logo redrawn as clean vector, and a white-and-burgundy identity around it

Built with

Next.js and React on Cloudflare Workers, with three.js loaded after the page appears for the heater scene. Supabase holds the products, orders, images and the admin login, and its row-level rules keep orders out of public reach. Database, unit and browser tests cover orders, payments and permissions.

• Next.js
• React
• TypeScript
• Tailwind CSS
• three.js
• Supabase
• Cloudflare Workers