Jaffle - Advanced E-commerce Constructor

Challenge

The main idea of this project was to create a tailor-made environment based on WooCommerce and WordPress. To achieve this, we needed to generate a set of plugins and a parent theme that would enable an exceptional user experience in terms of speed and marketing features, operating large databases, and running high-level integrations.

Solution

As a result, Jaffle has become a growth instrument for many established businesses in Australia that needed to extend and amplify their online presence. Performing on a bigger scale didn’t become a notable problem. During the COVID-19 pandemic, the Jaffle platform contributed to the stability and profitability of Diaco’s Garden Nursery, a leading Australian network of local garden nurseries.

Testimonial

«An exceptional team, motivated, responsible and people of their word.
It has been an amazing journey and I look forward to growing together.»

Daniel Vacic, Founder of Jaffle

Technology

Team composition

Project Manager/Business Analyst
ReactJS Developer
2 VueJS Developers
2 WordPress Backend Developers
UI/UX Designer
QA Engineer

Partnership period

March 2020 – Present

Front end achievements

We used the well-thought-out component architecture which enables a simple theme styling when applied to different businesses.
The team went for the blade components in separate files for splitting the code base into small parts.
Concerning CSS naming, the BEM methodology was implemented for working with each component as a separate BEM block.
Our developers have applied Vue.js to change the standard WooCommerce checkout. This change made possible a number of customization options in the integration process of Jaffle with other businesses.
The flexible product filters were built from scratch with AJAX.

Scaling and Security

Separate repositories for every component;
Github based development;
Bedrock boilerplate with deep security configuration;
Restriction of any external untrusted plugins or themes;
Flexible functionality.

Back-end achievements

MVC-like architecture;
Flexible and scalable structure;
Static code analysis;
Database abstraction layers and data mapping (like Doctrine ORM);
Data Caching over WP Query and wpdb queries;
Auto deploy and auto-update systems (Symfony Backend).

Integrations

Google Maps (maps API, places API, directions API)
Twilio
Google OAuth
Facebook OAuth

Screenshots