Ryan Costenoble

CST is a personal project of a premium e-commerce website designed for a limited edition clothing brand.

The project combines immersive art direction with a complete and modern shopping experience.

Key Features:

- Immersive brand showcase

- Cinematic homepage, storytelling, "Our Story" page, journal/articles, and highlighting the brand's universe.

- Dynamic product catalog

- Detailed product pages with size and option selection, image gallery, interactive carousel, and responsive experience.

- Complete checkout funnel

- Add to cart with local persistence, secure payment via Stripe, confirmation/cancellation pages, and automatic transactional email sending.

- User experience management

- Dark/light mode with saved preference, smooth navigation, and mobile optimization.

- Bilingual FR / EN site with localized URLs.

- Forms and communication

- Integrated contact form and user communication management.

Project Goal:

Create a modern, high-end storefront capable of showcasing a strong brand identity while offering a fluid and professional e-commerce experience.

Development of an interactive web application (SPA) demonstrating in real-time the principle of automatic VAT sequestration at the source of each payment. Educational project for professionals (artisans, restaurateurs, SMEs, accounting firms).

Features developed:

Transaction entry and import (JSON, drag and drop)

Real-time VAT calculation with HT/VAT routing

Automatic extraction of invoices by OCR (native PDF + scan + image)

FEC export compliant with Article L47 A of the LPF (official accounting entries)

Structured JSON export

Transactional email sending via Brevo API with Base64 encoded attachments

DGFiP transmission simulation

Technical Stack:

The project is developed in vanilla JavaScript (ES Modules) without a framework, bundled with Vite 7 and styled with Tailwind CSS v4. Text extraction from PDF invoices relies on PDF.js, supplemented by Tesseract.js for OCR on scans and images. Transactional email sending is handled directly from the browser via the Brevo REST API, without any backend server. Exports (structured JSON and accounting FEC) are generated client-side via the Blob API.

Complete development of a platform for visualizing and managing projects in France via an interactive map.

Key Features:

- Interactive map with dynamic clustering.

- Search by municipality/intercommunity.

- Environmental impact indicators.

- Multi-brand administration interface (project, client, user roles, API keys management).

- Embeddable maps in iframe

- Client branding (logo, custom colors)

- Hybrid PUSH/PULL system for real-time data display

AgentQuelia:

- Collection agent developed in Rust, compiled into native binaries (macOS, Linux, Windows).

- One-command installation, TOML configuration, system service deployment (systemd / launchd / Windows Services).

- Allows automated data sending (CSV, JSON, HTTP API) to the platform.

Technical Stack:

- React 18, Vite 4, Tailwind CSS, Leaflet

- PostgreSQL 15

- Supabase

- JWT authentication, Helmet, Rate limiting