E-commerce · Online retail
DronaMada, an e-commerce site selling drones for the French West Indies.
DronaMada is an e-commerce site offering drone sales with a secure and reliable payment system. It was built using Symfony 6, an open-source web application framework.
The site integrates Stripe, a payment method that makes checkout easier for customers by offering a safe and convenient way to pay. With DronaMada, customers can be confident that their transactions are secure and that their payments are processed quickly and easily.
On the interface side, I crafted a responsive presentation so that browsing stays smooth and readable on desktop, tablet and mobile. The product pages and the checkout journey were designed to remain simple and reassuring. This project illustrates my ability to connect a clean front-end interface in TWIG to concrete e-commerce logic, with well-managed payment integration and a consistent experience on every screen.
The challenge
The challenge was to integrate secure Stripe payments into the checkout flow while keeping a responsive interface and a simple customer journey on Symfony 6.
The solution
- An e-commerce architecture structured with Symfony 6 and TWIG templates in PHP, separating business logic from display.
- Stripe integration for secure and smooth online payment at checkout.
- A responsive, readable interface on desktop, tablet and mobile, with a clear and reassuring checkout flow.
Online drone catalog
A clear store presents the drones available for sale in the Caribbean, with readable product pages that are easy to browse.
Secure payment via Stripe
The Stripe integration lets customers pay for their orders online safely and conveniently, directly from the site.
Responsive interface in TWIG
Built with Symfony 6 and TWIG, the interface adapts to desktop, tablet and mobile to keep browsing smooth on every screen.
Desktop version
Tablet version
Carousel Vertical
Discover a new way to scroll through your photos, with a vertical carousel.
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte QR Code
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.