Loading

Cilea

Category :
E-commerce - COD / Fullstack
Client :
Cilea.ma
Start Date :
1 Dec 2025 – In Development

Overview

Cilea is a custom ecommerce platform currently under development, designed to handle complex product structures and real-world inventory challenges.

The project focuses on building a solid backend foundation for products with multiple options and variants, ensuring accurate stock handling and reliable frontend behavior. Cilea prioritizes data correctness, scalability, and clean architecture to support long-term growth.

The Problem

Many ecommerce systems struggle when products introduce multiple options such as size, color, or material. Stock is often tracked at the wrong level, option availability becomes misleading, and frontend interfaces fail to accurately reflect real inventory states. This leads to poor user experience, overselling issues, and complex maintenance as catalogs grow.

My Role

I am responsible for the complete design and development of Cilea. This includes product modeling, inventory logic, backend architecture, and frontend interaction design. I defined the data schemas, implemented variant-driven inventory handling, and designed the option-to-variant resolution logic that ensures frontend behavior always reflects real stock conditions. I also oversee UI/UX decisions to ensure the platform remains intuitive for both administrators and customers.

Approach & Architecture

Cilea is built with a variant-first architecture. Product options define possible selections, while variants represent the actual sellable units. Stock, pricing, and availability are stored exclusively at the variant level. Product-level availability and option states are derived automatically from variants using schema logic and middleware. This approach avoids duplicated data, reduces inconsistencies, and mirrors how large-scale ecommerce platforms handle complex catalogs.

Technology

Stack Used

Inventory & Variant Handling

Inventory is managed at the variant level, where each variant maintains its own stock, pricing, SKU, and images. Available stock is calculated automatically by subtracting reserved quantities. Product-level stock and option availability are derived dynamically. An option value such as “Size L” is considered out of stock if all variants containing that value have zero available inventory.

Admin Workflow

The admin workflow begins with creating the core product and defining its options. Variants are then generated automatically from option combinations. Each variant can be individually edited to set stock levels, pricing, SKU, and images. This mirrors proven workflows used by mature ecommerce platforms while maintaining full flexibility for future extensions.

Frontend Interaction Logic

On the frontend, option selection is driven entirely by variant data. When a user selects an option, the interface dynamically enables or disables remaining options based on valid variant combinations. Variant images update automatically based on the selected combination, and purchasing is prevented when stock is unavailable. This ensures the UI always reflects real inventory conditions.

Current Status

Cilea is currently in active development. Core product schemas, variant logic, inventory calculations, and indexing strategies are implemented. Admin interfaces for managing variants and frontend option-resolution logic are in progress. Future work includes performance optimization, bulk variant editing, and advanced inventory features such as multi-location stock management.

Final Thoughts

Cilea is being developed as a long-term ecommerce foundation rather than a short-lived MVP. The project focuses on correctness, scalability, and developer control, ensuring that as product complexity increases, the system remains predictable and maintainable. It represents a practical exploration of how modern ecommerce platforms should be structured when data integrity and user experience are treated as first-class concerns.