Stabilizing and Enhancing a Global E-commerce App for Shopify Stores

Azati’s team modernized a public app for Shopify stores, enhancing stability, performance, and customer engagement through improved architecture and customizable features.

Discuss an idea

All Technologies Used

ClickHouse
ClickHouse
PostgreSql
PostgreSql
AWS RDS
AWS RDS
Ruby on Rails
Ruby on Rails
RSpec
RSpec
VCR
VCR
Multiple Database Support
Multiple Database Support
Vue.js
Vue.js
AWS Lambda (Serverless Framework)
AWS Lambda (Serverless Framework)
Node.js
Node.js
TypeScript
TypeScript
GraphQL
GraphQL
Shopify API
Shopify API

Motivation

The primary goal was to stabilize and enhance a Shopify app by addressing architectural inefficiencies, reducing errors, and implementing a robust testing system. The project aimed to improve scalability, streamline operations, and boost sales through innovative features like customizable pop-up notifications.

Main Challenges

Challenge 1
Unstructured Architecture

The unclear microservice architecture and lack of documentation complicated the development process, requiring nearly a month to create detailed installation guides and establish a solid foundation for future work.

Challenge 2
Absence of Testing

The lack of testing protocols led to application instability with minimal changes. A comprehensive testing approach was introduced to ensure reliability and smooth operation post-modifications.

Challenge 3
Undefined Roadmap

The absence of a clear roadmap hampered task prioritization, slowing down progress and reducing overall efficiency. Establishing clear development plans helped streamline the workflow.

Key Features

  • Streamlined Application Architecture: Refactored the existing microservice-heavy architecture into a more efficient monolithic system with clear component responsibilities.
  • Technology Stack Optimization: Maintained Rails API for backend operations, Vue.js for frontend administration, and AWS Lambda for high-load tracking tasks.
  • Customizable Features for Engagement: Implemented a Vue.js store app for dynamic notifications, enhancing customer interaction and boosting sales.

Our Approach

Documentation and Local Development Setup
Created detailed installation guides and established a test environment to simplify development processes and ensure clarity for future changes.
Testing and CI/CD Implementation
Introduced automated testing pipelines with continuous integration and deployment, ensuring every Pull Request underwent rigorous quality assurance.
Collaboration with Management
Actively worked with stakeholders to define development plans and prepare the system for upcoming changes.
Pricing Policy Adjustment
Reviewed and refined the app’s pricing policy to retain customers during the improvement phase while critical bugs were addressed.

Project Impact

The revamped application is now stable, with improved performance and error-free operation, ensuring seamless integration of new features.

Enhanced scalability allows the system to easily handle high traffic during peak events, such as Black Friday or Cyber Monday.

Ready To Get Started

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.