HOWS team submit for the [Wix Studio Challenge ]
Tags: devchallenge, wixstudiochallenge, webdev, javascript
Published: 2024-07-06 04:13:40

*This is a submission for the [Wix Studio Challenge ](https://dev.to/challenges/wix).*


## What I Built
<!-- Share an overview about your project. -->
- My team had two goal in every wix studio project. Fast in mobile and unbelievable in wix.

- This time we try to take the challenge on making custom mini-cart, and custom ecom site with recommend products based on user-actions, and make sure it should load within 2s for every action even the cart in mobile, in safari.

- Bonus mission is to use css to make our website become more stunning than editorX env.

## Demo
<!-- Share a link to your Wix Studio app and include some screenshots here. -->
https://howplayhk.wixstudio.io/me-vibe

Remark, since the wix-ads banner on top will affect to some css setup. plz add command **_?inbizmgr=true_** after the url.

## Development Journey
<!-- Tell us how you leveraged Wix Studio’s JavaScript development capabilities-->

<!-- Which APIs and Libraries did you utilize? -->
- As we mentioned in the overview, we want to **_improve the experience on speed_**. Therefore, we try to combine **_the special feature in wix, dataset_** and **_communicate with other api like formatting dataset currentItem_** and **_push data to the mini-cart to cut the loading time_**.

- Since we also try to revamp the shopping flow in wix. Therefore, no matter product detail page or inside the mini-cart. We also include the **_calculation with 3 layers recommendation products_**.
---->>> empty cart * recommend features products
---->>> having products * below free shipping amount * recommend accessories
---->>> Free shipping amount in cart * recommend recent products




- We used wix-store data instead of just custom a new one using cms, it is difficult, since data in _**wix-store api**_ will hide with permission even we can see it in cms, but they cannot use.

- We used lots of _**data hooks, and events.js**_ to finish the challenge. 

- We keep the usage in simple when we handle to clients, they don't need to study a dictionary to learn how to use their website even 80 years old can easy to use it. We want client feel the new env with wix, and all the friendly setup is still there.

- In this creation, clients only need to learn how to use automation discount and coupon code, they can master the sales in using wix-store, and they can easy to add new sales channel in wix to amazon, ebay, since products already ready to expand the business in the catalog in wix.
 
<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->
- Team: HOWS
- Team Leader: How Play, wolkxrider_hows

<!-- Don't forget to add a cover image (if you want). -->

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p0g2rd82ely6hl6i06v8.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p3225ly9vzosqwvqz383.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i40av46i8j0f741ogxgr.png)
<!-- Thanks for participating! →