Django & Stripe eCommerce – Free Starter

Hello coders!

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 (informati…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sm0ke

Hello coders!

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 env file
  • ✅ 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.

Django & Stripe - Edit Products UI

Once a product is created, the user can visualize the generated page, edit the information and delete the product (requires confirmation).

Django & Stripe - Imported products layout.

Django & Stripe - Product Page

Django & Stripe - Imported product header.

Thanks for reading! For more resources and support, please access:


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sm0ke


Print Share Comment Cite Upload Translate Updates
APA

Sm0ke | Sciencx (2022-11-03T04:59:27+00:00) Django & Stripe eCommerce – Free Starter. Retrieved from https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/

MLA
" » Django & Stripe eCommerce – Free Starter." Sm0ke | Sciencx - Thursday November 3, 2022, https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/
HARVARD
Sm0ke | Sciencx Thursday November 3, 2022 » Django & Stripe eCommerce – Free Starter., viewed ,<https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/>
VANCOUVER
Sm0ke | Sciencx - » Django & Stripe eCommerce – Free Starter. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/
CHICAGO
" » Django & Stripe eCommerce – Free Starter." Sm0ke | Sciencx - Accessed . https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/
IEEE
" » Django & Stripe eCommerce – Free Starter." Sm0ke | Sciencx [Online]. Available: https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/. [Accessed: ]
rf:citation
» Django & Stripe eCommerce – Free Starter | Sm0ke | Sciencx | https://www.scien.cx/2022/11/03/django-stripe-ecommerce-free-starter/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.