Sid Techno
HomePricingPortfolioContactSign in+1 (725) 465-8325WhatsAppGet Your Website
Sid Techno

Web & mobile app development agency. Websites, e-commerce stores, and custom software — built by the team behind DeployBase, TradeLeap, ClearAgent, and DeskLeap.

30 N Gould St, Ste NSheridan, WY 82801United States+1 (725) 465-8325

Stay Updated

Get product updates, new features, and hosting tips.

Products

  • DeployBase
  • TradeLeap
  • ClearAgent
  • DeskLeap

Services

  • CMS Development
  • Shopify Websites
  • React Native Apps
  • Laravel Development
  • Graphic Design
  • Wix Websites

Company

  • About Us
  • Pricing
  • Blog
  • Portfolio
  • Testimonials
  • Custom Solutions
  • Careers
  • Request a Quote
  • Contact
  • Client Portal
  • Sign In

Legal

  • Terms of Service
  • Privacy Policy
  • Refund Policy

© 2026 Sid Techno LLC. All rights reserved.

TermsPrivacyRefund
SchrankDesign
3D View
Configure
Size
200 × 60cm
Color
Doors
3 panels
€ 1,240
Home/Portfolio/WardroNest — An In-Browser 3D Wardrobe Configurator, Rebuilt and Hardened
E-CommerceFurniture / Home Interiors2024

WardroNest — An In-Browser 3D Wardrobe Configurator, Rebuilt and Hardened

Our 2024 made-to-measure wardrobe build, rebranded and security-hardened in 2026

WardroNest — An In-Browser 3D Wardrobe Configurator, Rebuilt and Hardened — image 1

1 / 1 · Open full size

Our own demo build: a made-to-measure wardrobe storefront with a live 3D configurator, priced per component — later put through a full code review and a security hardening pass.

ReactViteJavaScript3D rendering in the browserPBR texturesFormikNode.jsExpressMongoDBMongooseJWTMulterStripe

A note on what this is. WardroNest is our own demonstration build, not a client engagement. The underlying product was built in 2024 as Schrankdesign, a German-language made-to-measure wardrobe and cabinet storefront. In 2026 we took the codebase back in hand as an internal showcase: rebranded it to WardroNest, translated the interface from German to English, put it through a full code review, and closed the findings. It is published as a portfolio demo and is deliberately blocked from search engines and AI crawlers by robots rules and page metadata.

The product

Buying a fitted wardrobe means specifying it, and specifying it in a form is miserable. So the storefront is built around a live 3D configurator: the customer assembles the piece visually and sees it change as they choose.

  • Per-component configuration — doors, drawers, edges, feet, fittings, handles, plates and plate types each get their own panel, plus a running part list of everything the customer has selected.
  • Material realism — PBR texture sets for woods, veneers, colours and floors, so a finish choice looks like the finish rather than a swatch.
  • Sample ordering — dedicated pricing for physical material samples, because nobody commits to a wood finish from a screen.
  • Checkout and admin — a validated checkout flow and an admin area for managing the component catalogue, categories, products, orders and pricing settings.

Architecture

A React and Vite front end drives the configurator. Behind it, a Node and Express API over MongoDB holds a model per component family — doors, drawers, feet, fittings, handles, plates, plate types, edges — alongside categories, products, orders, settings and part lists, with the pricing and sample-pricing logic living server-side. Authentication is JWT-based, uploads run through Multer, and the API is rate limited.

The 2026 review and hardening pass

Before publishing it we did what we would want done to our own production code: a full review, run as four independent passes over the codebase, consolidated into a single issues document holding 155 findings.

The remediation work that followed is the part we would point a client at. Order pricing was moved decisively server-side, so a price is always something the API computes rather than something a request supplies. Payment webhook handling was made signature-verified. Destructive database maintenance routes were brought behind authentication. Administrative middleware was reinstated everywhere it belonged. Payment handling was narrowed to a single well-understood provider — Stripe only, in USD — rather than three half-configured ones, on the principle that a payment path you cannot fully verify is worse than a payment path you do not offer. Front-end defects the review turned up were fixed alongside: navigation slugs, cart behaviour, configurator bugs and bundle configuration.

These were findings from a review of a codebase we had taken over, remediated before publication. We are showing the review and the fix, not an incident.

The Challenge

Selling made-to-measure furniture online means letting a customer specify a piece component by component and see the result — a configuration problem a form cannot solve. Taking the 2024 codebase back on as a public demo also meant it had to be safe to show, not merely working.

Our Solution

The storefront is a React and Vite application built around a live 3D configurator with per-component panels, PBR material textures, a running part list and sample ordering, backed by a Node and Express API over MongoDB where every component family, price and part list is modelled server-side. In 2026 we rebranded it to WardroNest, translated it to English, and ran a four-pass code review consolidated into 155 findings — then closed them: server-computed order pricing, signature-verified payment webhooks, authenticated maintenance routes, restored admin middleware, and payments narrowed to Stripe-only in USD.

Key Features

In-browser 3D configurator for made-to-measure wardrobes and cabinets
Per-component panels: doors, drawers, edges, feet, fittings, handles, plates, plate types
Live part list of every selected component
PBR texture sets for woods, veneers, colours and floors
Physical material sample ordering with its own pricing rules
Validated checkout flow
Admin area for component catalogue, categories, products, orders and settings
Server-side pricing and sample-pricing logic
JWT authentication, file uploads and API rate limiting
German-to-English interface translation
Consolidated code review of 155 findings from four independent passes
Order pricing computed server-side, never accepted from the client
Signature-verified payment webhooks
Authentication enforced on destructive database maintenance routes
Payments narrowed to a single verified provider in one currency
Published as a demo with search and AI crawlers blocked

Technology Stack

ReactViteJavaScript3D rendering in the browserPBR texturesFormikNode.jsExpressMongoDBMongooseJWTMulterStripe

Results

A working in-browser 3D wardrobe configurator with a full component catalogue, checkout and admin, published as our own demonstration build. The 2026 pass produced a documented 155-finding review and closed its critical items across pricing, payments, authentication and administrative access, alongside storefront fixes to navigation, cart and configurator behaviour.

Category

E-Commerce

Industry

Furniture / Home Interiors

Year

2024

Components

2 repositories

Related Projects

Stitch Pearl

E-Commerce

Stitch Pearl

Premium Fashion E-Commerce

A Shopify Wholesale and Rewards App Built on Shopify Functions

E-Commerce

A Shopify Wholesale and Rewards App Built on Shopify Functions

Functions-based wholesale pricing, rewards blocks and a trade application flow

Related Articles

Blog

Building an IPTV Management Dashboard with React

How to build an IPTV management dashboard with React — covering channel management, stream monitoring, subscription handling, and performance optimization.

reactdashboardiptv

Need Something Similar?

We have built 73+ projects like this. Let's discuss yours.

Get in Touch