DEV Community

Cover image for Django & Stripe - Open-Source Mini eCommerce
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at blog.appseed.us

Django & Stripe - Open-Source Mini eCommerce

Hello!

This article presents an open-source Mini eCommerce project that uses Stripe as the payment processor and Django as the backend. The eCommerce section content is loaded from JSON and the information is managed by a simple routing logic. The source code can be found on GitHub under the MIT License (free for commercial or 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.

Django & Stripe eCommerce - Animated Presentation.


✨ How to use it

The fastest way to start the product and play around with the codebase is to access the repository and follow the build instructions presented on the README file.

πŸ‘‰ Step #1 - Clone the project from the public repository:

$ git clone https://github.com/app-generator/sample-django-stripe.git
$ cd sample-django-stripe
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step #2 - Install the dependencies

$ pip install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step #3 - Create .env and provide the Stripe Secrets

STRIPE_SECRET_KEY = <STRIPE_KEY_HERE>
STRIPE_PUBLISHABLE_KEY = <STRIPE_KEY_HERE>
DOMAIN_URL = <IP_HERE>
Enter fullscreen mode Exit fullscreen mode

πŸ‘‰ Step #4 - Start the app

$ python manage.py migrate
$ python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

At this point, we should be able to access the app in the browser. The above setup is also explained in a video material published on YouTube.


Thanks for reading! For more resources, feel free to access:

Top comments (4)

Collapse
 
crearesite profile image
WebsiteMarket

Thank you!
Is possible to edit the products once the product is LIVE?

Collapse
 
sm0ke profile image
Sm0ke

Feature under development.
πŸš€πŸš€

Collapse
 
uithemes profile image
ui-themes

really nice.

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€