Multilingual E-commerce Platform Femmelady

Languages Supported

• English
• Dutch
• French
• Arabic
• Japanese
• Korean
• Chinese

Authentication & Abuse Prevention

The platform provides user login and registration with support for Google OAuth. To prevent abuse, Cloudflare Turnstile is integrated into forms to mitigate bot access. Forgot password functionality is secured using Redis to rate-limit requests and SendGrid to dispatch reset emails.

Product Discovery Features

• Advanced filtering by category, brand, rating, and price.
• Sorting by name, price, and more.
• Pagination with user-configurable product count per page.
• All filters and state persist through URL parameters for sharable product pages.

Product Details & Variations

Each product page displays detailed information including:

• Average ratings and user reviews.
• Selectable product variations such as size and color.

Cart & Payment Simulation

Users can add products to a persistent cart and simulate a payment process. This allows for test flows without involving real transactions — ideal for staging or demos.

Form Validation with Zod

All form inputs, including registration, login, cart, and checkout, are validated using Zod. This ensures:

• Type-safe validation rules
• Clear, user-friendly error messages
• Schema reuse across client and server for consistency

Admin Dashboard

• Powered by Directus, offering real-time data and content control.
• RBAC and ABAC support for roles such as admin, editor, and customer service.
• Content can be edited in multiple languages as needed.

Deployment Infrastructure

• Deployed to Google Cloud Run with a min instance of 1 to ensure availability.
• Also containerized and deployed via Docker on a Google Cloud VM for flexibility.

Performance & Media Optimization

• All product and banner images are delivered via Bunny CDN to ensure low latency and high availability worldwide.

Multilingual Architecture

• Translations are stored in JSON files and loaded dynamically based on user preferences or route locale.
• App structure ensures SEO-friendly language routes such as /en, /ar, /jp, etc.
• Supports real-time language switching.