DEV Community: Destiny Franks

Build a Multivendor E-commerce Website using Django, React & Django Rest Framework

Destiny Franks — Thu, 25 Jan 2024 17:59:05 +0000

Hey, You can WATCH PROJECT DEMO VIDEO BELOW
https://youtu.be/aDHK2-d0_ls

Let's get started!

Hey there fellow developers and entrepreneurs! 🚀 In today's tech-driven world, e-commerce is where it's at! And if you're thinking about diving into the online shopping game, you're in the right place. We're gonna show you how to build an awesome multivendor e-commerce website using Django, React, and Django Rest Framework (DRF).

Let's Get Real: What You Need

Before we jump into the coding magic, make sure you've got Python and Node.js installed on your machine. Trust us, you don't wanna be stuck in dependency hell! Once you're all set, fire up your terminal and let's get started.

Setting Up Shop

First things first, let's create a Django project. Open your terminal and run:

django-admin startproject multivendor_ecommerce

Now that we've got our Django project, let's spice things up with some React goodness. In your terminal, run:

npx create-react-app frontend

Planning the Party: Designing Our Database Models

Every good party needs a plan, right? Same goes for our e-commerce site. We'll need some key models like User, Product, Order, and Vendor and many many more models to keep things organized. Think of them as the VIP guests of our platform (Wink)

Time to Get Fancy: Implementing Authentication and Authorization

We wanna keep our platform secure, so let's set up authentication and authorization. We'll use Django's built-in authentication system and DRF's token-based authentication for our API endpoints. No party crashers allowed!

Let's Get API-tastic: Building the RESTful API

With DRF, creating APIs is a breeze. We'll whip up some serializers and views to handle all the data flow. Our API will be the life of the party, serving up endpoints for users, products, orders, and vendors.

Frontend Fun with React

Now comes the fun part – building the frontend with React! We'll create some killer components for product listings, shopping carts, checkout pages, and more. React Router will keep the party going, handling all the page navigation like a pro.

Time to Get Paid: Integrating Payment Gateway

What's a party without some cash flow, right? We'll integrate a payment gateway like Stripe or PayPal to handle online payments. Customers can pay for their orders securely, and we'll handle all the payment processing behind the scenes.

Let's Go Live: Deploying the Application

The party ain't over till it's over! Once everything's ready to roll, we'll deploy our e-commerce site to the interwebs. We'll set up our server, configure the database, and deploy both the Django backend and React frontend. Time to let the world know about our awesome new platform!

Wrapping Up

And there you have it, folks! We've just built a kickass multivendor e-commerce site using Django, React, and DRF. Whether you're looking to start your own online marketplace or just wanna level up your web dev skills, this project's got it all. So go ahead, roll up your sleeves, and let's get coding!

Happy hacking Buddies! 🚀🛍️

WATCH PROJECT DEMO VIDEO BELOW
https://youtu.be/aDHK2-d0_ls

Send Email using Django & Mailgun - Easy and Free

Destiny Franks — Thu, 20 Apr 2023 15:32:09 +0000

In this short posts i would be showing how to quickly send email to email addresses using django, malgun and anymail packages.

Anymail lets you send and receive email in Django using your choice of transactional email service providers (ESPs). It extends the standard django.core.mail with many common ESP-added features, providing a consistent API that avoids locking your code to one specific ESP (and making it easier to change ESPs later if needed).

Anymail currently supports these ESPs:

Amazon SES
MailerSend
Mailgun
Mailjet
Mandrill (MailChimp transactional)
Postal (self-hosted ESP)
Postmark
SendGrid
SendinBlue
SparkPost

Mailgun is an email automation service built for developers. It offers a complete cloud-based email service for sending, receiving and tracking emails sent through your websites and applications. Mailgun's intelligent inbound routing and storage enables you to know exactly where your emails are ending up.

And finally Django is a free and open-source, Python-based web framework that follows the model–template–views architectural pattern and trust me it is really awesome i'd say.

Let's quit talking and get to work

Firsly, you need to install the anymail package ```

pip install "django-anymail[mailgun]"


2. Add anymail to django installed app

INSTALLED_APPS = [
# ...
"anymail",
# ...
]


3. In your **settings.py** add your `Mailgun` api keys and sanbox domains for testing purposes

ANYMAIL = {
"MAILGUN_API_KEY": "api_key_305834958304534",
"MAILGUN_SENDER_DOMAIN": 'sandbox467c****.mailgun.org',

}
EMAIL_BACKEND = "anymail.backends.mailgun.EmailBackend"
DEFAULT_FROM_EMAIL = "your-sender-email@example.com"
SERVER_EMAIL = "your-sender-email@example.com"


NOTE: you would need to create an account with mailgun, after successful account creation, follow these steps
i. Login to dashbaord 
ii. Sendig 
iii. Domain (suboption)
iv. CLick on the sandbox domain url
v. CLick on the api keys
vi. Copy your secret api key and paste above.

For testing purposes, you need to add the recipient email address in the box at the right side of the dashboard
Here is an image

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7dqgljo19v8g3x2dy9o.png)

If you have a paid account, you do not need to do this.

After all these are done, create a simple function based view to send the email in views.py

from django.core.mail import EmailMultiAlternatives, send_mail
def send_mail_func(request):
...
send_mail("New Order!", "Hey buddy, you have a new order",
"sender-email@gmail.com", ["reciever-email@gmail.com"])
return HttpResponse("Email Sent")


COnfigure the url, and visit this page on your browser.
It should be working now, it did for me.

Here is the [anymail ](https://anymail.dev/en/stable/)api [doc](https://anymail.dev/en/stable/)

🔴 Build Instagram Clone using Django, HTML & CSS - Tutorial

Destiny Franks — Thu, 06 Oct 2022 00:44:12 +0000

Hello guys, my name is Destiny and welcome to my first Post here. In today's post we'd be Learning how to build an Instagram Clone using Django, HTML & CSS. I Just Love to build these to practice my Django Skills and teach you guys too. I made a tutorial video to help beginners to improve there Django skills to build real world projects.

Watch Complete Tutorial Here
https://youtu.be/qw5ZEvylQBA

➜ Github: https://github.com/desphixs/Instagram-Clone

Note: Subscribe to My YouTube Channel, I also Build a Netfix Clone using Django, you should check it out.