EasyJackets is an online store that sells custom-made jackets for men and women. It allows users to design their own jackets from collars to closure to pockets to embroidery patches. It also provides a variety of styles, colors, fabrics, and sizes to choose from. It also offers fast delivery, free returns, and secure payment options.

As a frontend developer with a passion for web development, I decided to build a client-facing website for EasyJackets using WordPress. This website would display the products and services of EasyJackets as an online store and attract potential customers to buy or design their own jackets.

The second goal for the project was to create a custom jacket designer feature using React and Webpack. This feature would allow users to customize their own jackets using a simple and interactive interface. They would be able to select the style, color, fabric, size, collar, closure, pockets, and embroidery patches of their jackets. They would also be able to preview their jackets in 3D and place their orders online.

I had to ensure that the website was user-friendly, responsive, and SEO-friendly. 🏗 I had to design and develop a custom jacket designer feature using React and Webpack. I also had to make sure that the feature was compatible with different browsers, devices, and WordPress themes.

To achieve my goals, I decided to use WordPress as a CMS and WooCommerce as an e-commerce plugin. For the custom jacket designer feature, I used React and Webpack to create a single-page application that interacts with the WooCommerce API. I also used Three.js, Fabric.js, and SVG.js to create the 3D preview and the customization options.

WordPress

WooCommerce

Javascript

Sass

React

WebPack

Gutenberg

This is an ongoing project and I’m proud of my work so far ✨