explaingit

wangyuan389/mall-cook

★ 5,587VueAudience · pm founderComplexity · 3/5Setup · moderate

TLDR

Visual drag-and-drop storefront builder that lets you assemble e-commerce pages without writing code and export them as mobile H5 web pages or WeChat mini-programs.

Mindmap

mindmap
  root((Mall-Cook))
    What it does
      Visual shop builder
      Drag and drop editor
    Output formats
      H5 mobile pages
      WeChat mini-programs
    Tech structure
      Vue editor
      uni-app components
      Node.js backend
    Audience
      Shop owners
      Non-developers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Build a mobile e-commerce storefront by dragging and dropping components without writing any code

USE CASE 2

Export a single shop design as both an H5 mobile web page and a WeChat mini-program at the same time

USE CASE 3

Customize page layouts, product listings, banners, and navigation through a visual properties panel

USE CASE 4

Self-host the platform with your own Node.js backend service to store and manage project data

Tech stack

Vueuni-appNode.js

Getting it running

Difficulty · moderate Time to first run · 30min

Documentation is in Chinese, setup requires running three separate sub-projects (Vue editor, uni-app component library, Node.js backend) together.

In plain English

Mall-Cook is a visual storefront builder for e-commerce. Instead of writing code to create an online shop, you use a drag-and-drop editor to assemble pages from ready-made components, then export the result as a working mobile storefront. The platform is aimed at people who want to build and manage a shop without needing a developer for every change. The builder supports two types of storefronts: H5 web pages that open in a mobile browser, and WeChat mini-programs, which are lightweight apps that run inside the WeChat social platform. A single design session can produce both outputs at once. Page layouts, product listings, banners, and navigation tabs can all be configured visually through a properties panel on the right side of the editor. Under the hood the project is organized as a monorepo, meaning several sub-projects live together in one repository. One sub-project is the visual editor itself, built with Vue. Another is a component library rebuilt with uni-app, a framework that compiles the same source into both H5 and mini-program formats. A third sub-project is a Node.js backend service that stores project data and handles the server side of the platform. The README is written in Chinese and includes animated screenshots showing the editor in action, a version history, and instructions for running the project locally with a single yarn command. The project also links to a companion tutorial series for developers who want to understand how such a visual builder is constructed from scratch.

Copy-paste prompts

Prompt 1
I want to create a WeChat mini-program storefront for my product using Mall-Cook. Walk me through setting it up locally and creating my first page.
Prompt 2
How do I export a Mall-Cook design as both H5 and WeChat mini-program output at the same time?
Prompt 3
My Mall-Cook backend is not saving project data. Help me debug the Node.js service configuration.
Prompt 4
I want to add a custom component to the Mall-Cook component library. How is the uni-app component library structured?
Open on GitHub → Explain another repo

← wangyuan389 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.