doin9 Platform Overview - Complete Technology Stack

!doin9 Platform Overview

Welcome to doin9, a comprehensive e-commerce platform that combines the power of three cutting-edge open-source technologies to deliver a complete, privacy-first, and highly customizable online business solution. This guide provides an overview of how DoingHub, Doing Studio, and Doing.ye Analytics work together to power your e-commerce success.

The doin9 Ecosystem

doin9 is built on three core pillars, each powered by industry-leading open-source technologies:

🏪 **DoingHub** - Powered by MedusaJS

Your e-commerce backend and store management system

🎨 **Doing Studio** - Powered by Webstudio

Your visual development and customization platform

📊 **Doing.ye Analytics** - Powered by Rybbit

Your privacy-first analytics and insights engine

Architecture Overview

```

┌─────────────────────────────────────────────────────────────────┐

│ doin9 Platform │

├─────────────────────────────────────────────────────────────────┤

│ │

│ ┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐ │

│ │ Doing Studio │ │ DoingHub │ │ Doing.ye │ │

│ │ (Webstudio) │ │ (MedusaJS) │ │ Analytics │ │

│ │ │ │ │ │ (Rybbit) │ │

│ │ Visual Design │ │ E-commerce │ │ Privacy-First │ │

│ │ Component Lib │ │ Store Mgmt │ │ Insights │ │

│ │ Customization │ │ API Backend │ │ Real-time Data │ │

│ └─────────────────┘ └─────────────────┘ └─────────────────┘ │

│ │ │ │ │

│ └─────────────────────┼─────────────────────┘ │

│ │ │

├─────────────────────────────────┼─────────────────────────────────┤

│ Integration Layer │

├─────────────────────────────────┼─────────────────────────────────┤

│ │ │

│ ┌─────────────────────────────────────────────────────────────┐ │

│ │ Customer Experience │ │

│ │ │ │

│ │ Storefront → Product Pages → Checkout → Analytics │ │

│ │ ↓ ↓ ↓ ↓ │ │

│ │ Design → Content → Orders → Insights │ │

│ └─────────────────────────────────────────────────────────────┘ │

└─────────────────────────────────────────────────────────────────┘

```

DoingHub - MedusaJS E-commerce Backend

!DoingHub E-commerce Backend

What is DoingHub?

DoingHub is your comprehensive e-commerce management system built on MedusaJS, a modern, open-source headless commerce platform. It handles all the backend operations of your online store.

#### Core Capabilities

#### Why MedusaJS?

#### Key Features

```javascript

// Example DoingHub capabilities

const doinghubFeatures = {

products: {

catalog: "Unlimited products with variants",

categories: "Hierarchical category structure",

inventory: "Real-time stock management",

pricing: "Dynamic pricing and promotions"

},

orders: {

processing: "Automated order workflows",

fulfillment: "Multi-carrier shipping integration",

returns: "Streamlined return management",

notifications: "Automated customer communications"

},

customers: {

accounts: "Customer registration and profiles",

segments: "Advanced customer segmentation",

loyalty: "Built-in loyalty program support",

support: "Integrated customer service tools"

},

integrations: {

payments: "Stripe, PayPal, and 50+ gateways",

shipping: "FedEx, UPS, DHL integration",

marketing: "Email and SMS marketing tools",

analytics: "Deep integration with Doing.ye"

}

};

```

Getting Started with DoingHub

1. Installation: Quick setup with `npx create-medusa-app@latest`

2. Configuration: Set up your store settings, payment methods, and shipping

3. Product Import: Add your product catalog

4. Go Live: Launch your store and start selling

Learn More: DoingHub Documentation

Doing Studio - Webstudio Visual Development

!Doing Studio Visual Development

What is Doing Studio?

Doing Studio is your visual development platform powered by Webstudio, an open-source visual development tool that empowers you to create stunning, responsive websites without sacrificing code quality.

#### Core Capabilities

#### Why Webstudio?

#### Key Features

```jsx

// Example Doing Studio components

const studioComponents = {

layout: {

Box: "Flexible container component",

Grid: "CSS Grid layout system",

Flex: "Flexbox layout component",

Container: "Responsive container wrapper"

},

content: {

Heading: "Semantic heading component",

Text: "Flexible text component",

Image: "Optimized image component",

Video: "Responsive video player"

},

interactive: {

Button: "Customizable button component",

Form: "Complete form system",

Link: "Navigation link component",

Modal: "Accessible modal dialogs"

},

ecommerce: {

ProductCard: "Pre-built product display",

ShoppingCart: "Cart functionality",

Checkout: "Checkout flow components",

Reviews: "Product review system"

}

};

```

#### AI-Powered Features

!AI-Powered Design Features

Getting Started with Doing Studio

1. Access Studio: Navigate to Doing Studio from your DoingHub dashboard

2. Choose Template: Start with a pre-built template or create from scratch

3. Customize Design: Use visual tools to customize your store's appearance

4. Preview & Test: Test your design across different devices

5. Publish: Deploy your customized store design

Learn More: Doing Studio Documentation

Doing.ye Analytics - Rybbit Privacy-First Insights

!Doing.ye Analytics Dashboard

What is Doing.ye Analytics?

Doing.ye Analytics is your comprehensive analytics platform powered by Rybbit, an open-source, privacy-friendly alternative to Google Analytics that provides deep insights while respecting customer privacy.

#### Core Capabilities

#### Why Rybbit?

#### Key Features

```javascript

// Example Doing.ye Analytics capabilities

const analyticsFeatures = {

traffic: {

visitors: "Unique visitor tracking",

pageViews: "Page performance metrics",

sources: "Traffic source analysis",

geography: "Geographic visitor data"

},

ecommerce: {

revenue: "Sales and revenue tracking",

products: "Product performance analysis",

conversion: "Conversion rate optimization",

funnel: "Sales funnel analysis"

},

customers: {

behavior: "Customer journey mapping",

segments: "Customer segmentation",

retention: "Customer retention analysis",

lifetime: "Customer lifetime value"

},

privacy: {

cookieless: "No cookies required",

anonymous: "Anonymous data collection",

compliant: "GDPR/CCPA compliant",

transparent: "Open source transparency"

}

};

```

#### Advanced Analytics

!Advanced Analytics Dashboard

Getting Started with Doing.ye Analytics

1. Enable Analytics: Turn on analytics in your DoingHub settings

2. Install Tracking: Automatic installation for most stores

3. Configure Events: Set up e-commerce and custom event tracking

4. Create Dashboards: Build custom dashboards for your needs

5. Monitor Performance: Start making data-driven decisions

Learn More: Doing.ye Analytics Documentation

How the Technologies Work Together

Integrated Workflow

#### 1. Store Setup with DoingHub

```javascript

// DoingHub handles the backend

const store = {

products: "Managed in DoingHub admin",

orders: "Processed through DoingHub API",

customers: "Stored in DoingHub database",

inventory: "Tracked in real-time"

};

```

#### 2. Design Customization with Doing Studio

```jsx

// Doing Studio creates the frontend

const storefront = (