Tutorial: e-commerce CRM app
We will now use the Windmill app builder to build a simple E-commerce backoffice app. It is a simple CRM app that allows you to manage your products, customers and orders of a e-commerce store.
It showcases a variety of features that are available in the Windmill app builder, such as:
- Runnables: scripts or flows that are executed on demand.
- Components: pre-built, reusable building blocks that encapsulate specific functionalities or design elements.
This app is available on the Hub and can be used on our Demo Workspace with the proper Supabase integration.
Features
We use Supabase as a backend for this app. It is a great alternative to Firebase and it is free to use. It is a great way to get started with building your app. You can read more about Supabase here. Windmill has a Supabase integration on the Hub that allows you to easily connect your app to Supabase, and integrate it with your app.
We will use the following scripts from the Hub:
We will structure the app as follows:
- Products:
- List of products:
Table
- Form to edit a product
Container
:- Title:
Text
- Description:
Text
- Image:
Image
- Price:
Text
- Quantity:
Text
- Save button:
Button
- Title:
- List of products:
- Orders
- List of orders:
- List of orders
Table
- List of product of an order
Table
- List of orders
- Analytics
PieChart
- Shipments map
Map
- List of orders:
- Customers
- List of customers
Table
- List of orders of a customer
Table
- List of customers
- Manual order
- List of user
Table
- List of products
Table
- Form to create an cart
- List of user
Products Tab
/docs/apps/app_configuration_settings/app_component_library
We will split the product view into two parts, with the vertical split. The left part will be a list of products, and the right part will be a form to edit the currently selected product.