Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kaviarasan-r/cartrabbit-shopify-bundler-js-app

Supercharge your Shopify store with Shopify Bundler, a powerful app designed to simplify the creation, management, and analytics of product bundles.
https://github.com/kaviarasan-r/cartrabbit-shopify-bundler-js-app

graphql mern-stack mysql nodejs polaris reactjs sequelize-orm shopify-app webhooks

Last synced: 2 days ago
JSON representation

Supercharge your Shopify store with Shopify Bundler, a powerful app designed to simplify the creation, management, and analytics of product bundles.

Awesome Lists containing this project

README 

        
# Shopify Bundler App - SDE Task from Cartrabbit



Supercharge your Shopify store with Shopify Bundler, a powerful app designed to simplify the creation, management, and analytics of product bundles. Built with React.js, Node.js, GraphQL, MySQL, Sequelize (ORM), Polaris (UI framework), and integrated webhooks for instant order updates, Shopify Bundler is the ultimate solution for maximizing sales and enhancing the shopping experience.



## Key Features



**Powerful Bundle Creation and Management:**



- Easily create and manage bundles with a user-friendly interface.

- Define bundle details like name, product selection, discount type, value, and bundle status.

- Enjoy seamless filtering, searching, and sorting capabilities for efficient bundle management.

- Stay organized with minimalistic pagination, ensuring a clean and uncluttered experience.



**Automatic Bundle Generation:**



- Generate bundles automatically based on predefined rules.

- Set rules including bundle name, product tags, discount type, value, total products, and price range.

- Let the app do the work for you, creating attractive bundles effortlessly.



**Comprehensive Analytics:**



- Gain valuable insights into bundle performance and customer behavior.

- Analyze order data within specific date ranges for focused insights.

- Discover key information such as bundle count, total bundles sold, orders with bundles, order dates, product details, customer information, item summaries, bundle value (discounted price + pre-tax price), order value (discounted price + post-tax price), and total sales value (pre-discount price + pre-tax price).



**Bundle Display and Pricing:**

- Capture your customers' attention with visually appealing bundled product displays.

- The app prominently showcases bundled products and the total discounted price on product pages, in the cart, and during checkout.

- Clearly distinguish bundle components and display both the original price and the discounted price.



**Responsive User Interface:**

- Deliver a seamless experience across all devices with our responsive user interface. Built with React.js and the app ensures optimal performance and usability on both desktop and mobile devices.



**Data Communication and Management:**

- Efficiently communicate with the Shopify API using GraphQL and seamlessly manage data.

- Fetch product information, create, update, and delete bundles, and apply discounts effortlessly.

- Our integration with MySQL and Sequelize (ORM) ensures robust data storage and retrieval, adhering to best practices for querying.



**Webhook Integration:**

- Stay up to date with instant order updates using webhooks.

- Receive real-time notifications about new orders, enabling you to provide timely and efficient customer service.

- Seamlessly integrate with your existing systems to process orders and ensure accurate inventory management.

- Capture valuable order data for analytics and save it in your database for further analysis and reporting.

- Streamline your operations and enhance customer satisfaction with seamless webhook integration.



With our feature-rich Bundle Manager, you can efficiently create, manage, and analyze bundles, ensuring an enhanced shopping experience for your customers and maximizing your sales potential.



## App Requirements



**Requirements**



- Shopify partners account

- Create development store

- Node.js

- Ngrok

- MySQL



**Configure Environment Variables**



```DATABASE_NAME=bundler```



```DATABASE_USERNAME=root```



```DATABASE_PASSWORD=root```



```DATABASE_HOST=localhost```



```DATABASE_DIALECT=mysql```



**Setup Ngrok For Webhooks**



- Install Ngrok && run ```ngrok http 3000```

- Change package.json scripts:

  ```dev: shopify app dev --tunnel-url=https://4dcc-42-106-74-85.ngrok-free.app:3000```

- Create webhook in developement store:

  

  ```Settings > Notification > Create Webhooks && paste --tunnel-url```

  

  ```Choose webhook API version as (Latest) && Select event to subscribe```



# Thank you