Hello! This article presents an open-source mini eCommerce solution powered by Stripe and Django on top of an open-source kit styled with Bootstrap 5. The UI has been improved to support fast editing of any product defined in Stripe (information, pricing, and also images). Being released on GitHub the sources can be incorporated into commercial projects or simply used in eLearning activities. Thanks for reading!
Another useful feature of this project is the Bootstrap 5 design, provided by
Creative-Tim. Soft UI Design, the UI Kit used to style the pages, comes with 50+ components and reusable widgets for at least a decent eCommerce project.
How it works
To fully use the features of this starter, we need a Stripe account with a few products defined, and no more than 5 minutes to follow up the steps presented in the video:
- ✅ Download or fork the product
- ✅ Install the dependencies
- ✅ Migrate the database and create a superuser
- ✅ Save Stripe secrets in
- ✅ Start the app & Authenticate as a superuser
- ✅ Import the products and edit the local information
Being visual, the above steps should not take a long time, even for programming beginners. The left panel shows the Stripe products and the right panel is dedicated to local products.
Editable fields for each product: name, description, short information and images.
For each image, the user can provide external links or local images saved by the Django backend.
Once a product is created, the user can visualize the generated page, edit the information and delete the product (requires confirmation).
Django & Stripe - Product Page
Thanks for reading! For more resources and support, please access: