Back
3min

weargoods-shop

weargoods-shop

Introduction

weargoods is an open source e-commerce platform solution that empowers users to create their own customizable store effortlessly. With Weargoods, integrating essential features like payment processing, authentication, order management, and product inventory directly with Swell is seamless. Swell is a next-generation ecommerce platform with a schema-driven API and customizable data models.

Challenge

Weargoods was created to bridge the gap between overly complex e-commerce platforms and overly simplistic options, offering a user-friendly yet feature-rich solution, unlike traditional platforms such as WordPress can overwhelm users with intricate setups, while basic storefront options lack essential features.

Action

Swell Dashboard.

Integrate with Swell

To address the challenge of providing comprehensive e-commerce functionalities while maintaining user-friendly simplicity, I took the following actions:

  1. Research and Familiarization: I began by thoroughly researching Swell and its capabilities, including its dashboard functionalities for organizing customer data authentication, product management, and payment processing. This step allowed me to gain a deep understanding of how Swell could complement Weargoods and enhance its features.

  2. API Exploration: I delved into Swell's API documentation to understand how to integrate the frontend with Swell's dashboard seamlessly. This involved studying the endpoints available for accessing customer data, managing products, handling payments, and other relevant operations.

  3. Development and Implementation: Leveraging my knowledge of Next.js and Swell's API, I began the development process to integrate storefront with Swell's dashboard. This involved writing code to establish connections between storefront frontend and Swell's backend, ensuring smooth communication and data exchange between the two platforms.

  4. Testing and Debugging: After completing the integration, I rigorously tested the functionality to ensure that Weargoods could effectively utilize Swell's dashboard features. This included testing various scenarios such as creating new products, processing orders, and updating customer information. Any issues or bugs encountered during testing were promptly addressed and resolved.

  5. Documentation and User Guidance: To assist users in navigating the integrated system, I created GitHub repository outlining the steps to connect Weargoods with Swell and utilize its dashboard functionalities. This repository included clear instructions, code snippets, and troubleshooting tips to facilitate a smooth integration process for users.

Results

By successfully integrating Weargoods with Swell, users can now enjoy a seamless e-commerce experience with access to advanced features for managing their online stores efficiently.

Weargoods almost touched a perfect score of 100 on both Lighthouse and PageSpeed Insights, ensuring lightning-fast load times and smooth user interactions. Users consistently rate Weargoods' usability as Excellent, with an average score of 90.1 on the System Usability Scale (SUS). They praise its intuitive design and ease of navigation.

lightouse.

Project Learnings

In the process of developing Weargoods, I acquired valuable insights and skills across various aspects of e-commerce functionality. Here's a breakdown of the key learnings from the project:

  • Fetch products, categories, store settings, nav menus, and custom content.
  • Create, recover, and update shopping carts.
  • Authenticate customers and allow them to edit account details.
  • Format prices in the store's currency.