Point of Sale System in Django with Source Code

April 29, 2021April 27, 2021 by adones evangelista

Point of Sale System in Django with Source Code

This Point of Sale Management System Project in Django created based on python, Django, and SQLITE3 Database . Point of Sale System Project created using Python Django Framework on the backend and HTML, CSS, and JavaScript on the frontend . It has Admin side which allows extra features like manage product, category, order, users, and inventory.

A Point of Sale System, Keeps track of all of the inventory information and data. We’ve created all of the inventory, product, and orders crud (create, read, update, and delete) operations. This is a role-based module in which the admin can perform any operation on the data.

The Point of Sale Management System in Django is an easy project for beginners to learn how to build a web-based python Django project. We will provide you with the complete source code and database for the python project so that you can easily install it on your machine and learn how to program in Python Django.

Watch the video here to see the full running source code of Point of Sale System Project in Django with Source Code

To start creating a Point of Sale Management System Project in Python Django, makes sure that you have PyCharm Professional IDE Installed in your computer.

This Point of Sale Management System in Django Framework, Also includes a Download Source Code for free, just find the downloadable source code below and click download now.

Admin Features of Point of Sale System in Django

Manage Product– For the product, The admin can view, add, edit, and delete product information.
Users Management – For the users, The admin can see the list of users details. Admin can update and delete the record of the users details.
Manage Category– For the category, The admin can see the list of category details. Admin can update and delete the record of the category information.
Manage Order– For the order, The admin can add, edit, and delete order information.
Login – By default the admin need to login first to enable to access the system.
Manage Inventory– For the inventory, The admin can add, edit, and delete inventory information.

Watch the video here to see the full running Point of Sale In Django With Source Code

Point of Sale System in Django Steps on How to Create a Project

Time needed: 5 minutes.

Here’s the step’s on how to create a Point of Sale System in Django.

Step 1: Open file.
First , open “pycharm professional” after that click “file” and click “new project“.
Step 2: Choose Django.
Next, after click “new project“, choose “Django” and click.
Step 3: Select file location.
Then, select a file location wherever you want.
Step 4: Create application name.
After that, name your application.
Step 5: Click create.
Lastly, finish creating project by clicking “create” button.
Step 6: Start Coding.
Finally, we will now start adding functionality to our Django Framework by adding some functional codes.

Functionality and Codes of the Point of Sale System in Django

Create template for the login in form in Point of Sale System in Django.

In this section, we will learn on how create a templates for the login form. To start with, add the following code in your login.html under the folder of base/templates/auth.

{% extends 'base_auth.html' %}

{% block title %} Login page {% endblock %}

{% block content %}
<body style="background-color: white">
    <div class="login-box-body bg-black">
        <p class="login-box-msg">Sign in to start your session</p>
        <form method="post" action="{% url 'login' %}">
            {% csrf_token %}
            <div class="form-group">
                {{ form.username }}
            </div>
            <div class="form-group">
                {{ form.password }}
            </div>
            <div class="form-group">
                <div class="row">
                    <div class="col-lg-8">
                        <label class="custom-control custom-checkbox">
                            {{ form.remember_me }} Remember me
                        </label>
                    </div>
                    <div class="col-lg-4">
                        <button type="submit" class="btn btn-success btn-sm btn-block">Sign in</button>
                    </div>
                </div>
            </div>
        </form>
        <div class="social-auth-links text-center">
            <a href="#">Forgot password</a>
        </div>
    </div>
    </body>
{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

{% extends 'base_auth.html' %}

{% block title %} Login page {% endblock %}

{% block content %}

<body style="background-color: white">

<div class="login-box-body bg-black">

<p class="login-box-msg">Sign in to start your session</p>

<form method="post" action="{% url 'login' %}">

{% csrf_token %}

<div class="form-group">

{{ form.username }}

</div>

<div class="form-group">

{{ form.password }}

</div>

<div class="form-group">

<div class="row">

<div class="col-lg-8">

<label class="custom-control custom-checkbox">

{{ form.remember_me }} Remember me

</label>

</div>

<div class="col-lg-4">

<button type="submit" class="btn btn-success btn-sm btn-block">Sign in</button>

</div>

</div>

</div>

</form>

<div class="social-auth-links text-center">

<a href="#">Forgot password</a>

</div>

</div>

</body>

{% endblock %}

Create template for the create order in Point of Sale System in Django.

In this section, we will learn on how create a templates for the order. To start with, add the following code in your pos.html under the folder of pos/templates/pos.

{% extends 'base.html' %}

{% block title %} Inventory || POS {% endblock %}

{% block content %}

    <style type="text/css">
        .item_list img {
            width: 100%;
        }
    </style>

    <div class="content">
        <div class="row">

            <div class="col-md-7">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#Category0" data-toggle="tab">Clothes</a></li>
                        <li><a href="#Category1" data-toggle="tab">Cellphone</a></li>
                        <li><a href="#category2" data-toggle="tab">Jewelry</a></li>
                        <li><a href="#category3" data-toggle="tab">Laptop</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="active tab-pane" id="Category0">
                            <div class="item_list">
                                <div class="row">
                                    {% if cosmetic %}
                                        {% for obj in cosmetic %}
                                            <div class="col-lg-3">
                                                <a href="{% url 'cart_add' obj.id %}">
                                                    <img src="{{ obj.product_image.url }}" alt="">
                                                    <h5 class="box-title">{{ obj.title }}</h5>
                                                </a>
                                                <p class="box-comment">$ {{ obj.price }}</p>
                                            </div>
                                        {% endfor %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="Category1">
                            <div class="item_list">
                                <div class="row">
                                    {% if tech %}
                                        {% for obj in tech %}
                                            <div class="col-lg-3">
                                                <a href="{% url 'cart_add' obj.id %}">
                                                    <img src="{{ obj.product_image.url }}" alt="">
                                                    <h5 class="box-title">{{ obj.title }}</h5>
                                                </a>
                                                <p class="box-comment">$ {{ obj.price }}</p>
                                            </div>
                                        {% endfor %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="category2">
                            <div class="item_list">
                                <div class="row">
                                    {% if food %}
                                        {% for obj in food %}
                                            <div class="col-lg-3">
                                                <a href="{% url 'cart_add' obj.id %}">
                                                    <img src="{{ obj.product_image.url }}" alt="">
                                                    <h5 class="box-title">{{ obj.title }}</h5>
                                                </a>
                                                <p class="box-comment">$ {{ obj.price }}</p>
                                            </div>
                                        {% endfor %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="category3">
                            <div class="item_list">
                                <div class="row">
                                    {% if laptop %}
                                        {% for obj in laptop %}
                                            <div class="col-lg-3">
                                                <a href="{% url 'cart_add' obj.id %}">
                                                    <img src="{{ obj.product_image.url }}" alt="">
                                                    <h5 class="box-title">{{ obj.title }}</h5>
                                                </a>
                                                <p class="box-comment">$ {{ obj.price }}</p>
                                            </div>
                                        {% endfor %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-5">
                <div class="box box-primary">
                    <div class="box-body box-profile">
                        <div class="box-header">
                            <h4 class="box-title">12:00 PM</h4>
                        </div>
                        <div class="box">
                            <div class="box-header">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <h3 class="box-title">Default Customer</h3>
                                    </div>
                                    <div class="col-lg-6 text-right">
                                        <h3 class="box-title"><a href="#"><i class="fa fa-plus"></i></a></h3>
                                    </div>
                                </div>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body no-padding">
                                <table class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th>Product Name</th>
                                        <th>Price</th>
                                        <th>Quantity</th>
                                        <th>Del</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        {% for item in cart %}
                                            {% with product=item.product %}
                                                <td>{{ product.title }}</td>
                                                <td>{{ product.price }}</td>
                                                <td>
                                                    <form action="{% url 'cart_updated' product.id %}" method="post">
                                                        {% csrf_token %}
                                                        <input style="width: 30px" type="number" name="number"
                                                               value="{{ item.update_quantity_form.quantity }}" min="1">
                                                        <button type="submit" class="btn btn-success btn-sm">
                                                            <i class="fa fa-pencil"></i>
                                                        </button>
                                                    </form>
                                                </td>
                                                <td>
                                                    <a href="{% url 'cart_remove' product.id %}"
                                                       title="cancel" class="icon"><i
                                                            class="fa fa-trash-o"></i></a>
                                                </td>
                                                </tr>
                                            {% endwith %}
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                <div class="box-footer">
                    <div class="row">
                        <div class="col-md-6">
                            <a class="btn btn-primary" href="{% url 'bulling_information' %}">Pay</a>
                        </div>
                        <div class="col-md-6 text-right">
                            <p>Net Total: ৳{{ cart.get_total_price }}</p>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

{% extends 'base.html' %}

{% block title %} Inventory || POS {% endblock %}

{% block content %}

<style type="text/css">

.item_list img {

width: 100%;

}

</style>

<div class="content">

<div class="row">

<div class="col-md-7">

<div class="nav-tabs-custom">

<ul class="nav nav-tabs">

<li class="active"><a href="#Category0" data-toggle="tab">Clothes</a></li>

<li><a href="#Category1" data-toggle="tab">Cellphone</a></li>

<li><a href="#category2" data-toggle="tab">Jewelry</a></li>

<li><a href="#category3" data-toggle="tab">Laptop</a></li>

</ul>

<div class="tab-content">

<div class="active tab-pane" id="Category0">

<div class="item_list">

<div class="row">

{% if cosmetic %}

{% for obj in cosmetic %}

<div class="col-lg-3">

<a href="{% url 'cart_add' obj.id %}">

<img src="{{ obj.product_image.url }}" alt="">

<h5 class="box-title">{{ obj.title }}</h5>

</a>

<p class="box-comment">$ {{ obj.price }}</p>

</div>

{% endfor %}

{% endif %}

</div>

</div>

</div>

<div class="tab-pane" id="Category1">

<div class="item_list">

<div class="row">

{% if tech %}

{% for obj in tech %}

<div class="col-lg-3">

<a href="{% url 'cart_add' obj.id %}">

<img src="{{ obj.product_image.url }}" alt="">

<h5 class="box-title">{{ obj.title }}</h5>

</a>

<p class="box-comment">$ {{ obj.price }}</p>

</div>

{% endfor %}

{% endif %}

</div>

</div>

</div>

<div class="tab-pane" id="category2">

<div class="item_list">

<div class="row">

{% if food %}

{% for obj in food %}

<div class="col-lg-3">

<a href="{% url 'cart_add' obj.id %}">

<img src="{{ obj.product_image.url }}" alt="">

<h5 class="box-title">{{ obj.title }}</h5>

</a>

<p class="box-comment">$ {{ obj.price }}</p>

</div>

{% endfor %}

{% endif %}

</div>

</div>

</div>

<div class="tab-pane" id="category3">

<div class="item_list">

<div class="row">

{% if laptop %}

{% for obj in laptop %}

<div class="col-lg-3">

<a href="{% url 'cart_add' obj.id %}">

<img src="{{ obj.product_image.url }}" alt="">

<h5 class="box-title">{{ obj.title }}</h5>

</a>

<p class="box-comment">$ {{ obj.price }}</p>

</div>

{% endfor %}

{% endif %}

</div>

</div>

</div>

</div>

</div>

</div>

<div class="col-md-5">

<div class="box box-primary">

<div class="box-body box-profile">

<div class="box-header">

<h4 class="box-title">12:00 PM</h4>

</div>

<div class="box">

<div class="box-header">

<div class="row">

<div class="col-lg-6">

<h3 class="box-title">Default Customer</h3>

</div>

<div class="col-lg-6 text-right">

<h3 class="box-title"><a href="#"><i class="fa fa-plus"></i></a></h3>

</div>

</div>

</div>

<div class="box-body no-padding">

<table class="table table-striped">

<thead>

<tr>

<th>Product Name</th>

<th>Price</th>

<th>Quantity</th>

<th>Del</th>

</tr>

</thead>

<tbody>

<tr>

{% for item in cart %}

{% with product=item.product %}

<td>{{ product.title }}</td>

<td>{{ product.price }}</td>

<td>

<form action="{% url 'cart_updated' product.id %}" method="post">

{% csrf_token %}

<input style="width: 30px" type="number" name="number"

value="{{ item.update_quantity_form.quantity }}" min="1">

<button type="submit" class="btn btn-success btn-sm">

<i class="fa fa-pencil"></i>

</button>

</form>

</td>

<td>

<a href="{% url 'cart_remove' product.id %}"

title="cancel" class="icon"><i

class="fa fa-trash-o"></i></a>

</td>

</tr>

{% endwith %}

{% endfor %}

</tbody>

</table>

</div>

</div>

</div>

<div class="box-footer">

<div class="row">

<div class="col-md-6">

<a class="btn btn-primary" href="{% url 'bulling_information' %}">Pay</a>

</div>

<div class="col-md-6 text-right">

<p>Net Total: ৳{{ cart.get_total_price }}</p>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

{% endblock %}

Create template for the create inventory in Point of Sale System in Django.

In this section, we will learn on how create a templates for the inventory. To start with, add the following code in your create_inventory.html under the folder of base/templates/inventory.

{% extends 'base.html' %}

{% block title %} Add New Inventory || Inventory {% endblock %}

{% block content %}

    {% include 'inventory/page_header.html' %}

    <div class="content">
        <div class="row">
            <div class="col-lg-12">
                <div class="box box-primary">
                    {% include 'common/message.html' %}
                    <div class="box-header with-border">
                        <div class="row">
                            <div class="col-lg-6">
                                <h3 class="box-title">Add New Inventory</h3>
                            </div>
                            <div class="col-lg-6 text-right">
                                <a title="Inventory List" data-toggle="tooltip" data-placement="left" class="btn btn-info btn-sm" href="{% url 'inventory_list' %}">
                                    <i class="fa fa-list"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        <form method="POST" enctype="multipart/form-data">
                            {{ form.errors }}
                            {% csrf_token %}
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="name">Inventory Name</label>
                                        {{ form.name }}
                                    </div>
                                    <div class="form-group">
                                        <label for="category_name">Select Category</label>
                                        {{ form.category_name }}
                                    </div>
                                    <div class="form-group">
                                        <label for="short_description">Inventory short description</label>
                                        {{ form.short_description }}
                                    </div>
                                    <div class="form-group">
                                        <label for="current_stock">Inventory current stock</label>
                                        {{ form.current_stock }}
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="purchase_price">Inventory purchase price</label>
                                                {{ form.purchase_price }}
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="sales_price">Inventory sales price</label>
                                                {{ form.sales_price }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="sales_price">Inventory promotional price</label>
                                        {{ form.promotional_price }}
                                    </div>
                                    <div class="form-group">
                                        <label for="sales_price">Add Inventory Tag</label>
                                        {{ form.tags }}
                                    </div>
                                    <div class="form-group">
                                        <label for="picture">Inventory picture</label>
                                        {{ form.picture }}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="full_description">Inventory full description</label>
                                        {{ form.full_description }}
                                    </div>
                                </div>
                            </div>
                            <button class="btn btn-success btn-sm">Save</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

{% extends 'base.html' %}

{% block title %} Add New Inventory || Inventory {% endblock %}

{% block content %}

{% include 'inventory/page_header.html' %}

<div class="content">

<div class="row">

<div class="col-lg-12">

<div class="box box-primary">

{% include 'common/message.html' %}

<div class="box-header with-border">

<div class="row">

<div class="col-lg-6">

<h3 class="box-title">Add New Inventory</h3>

</div>

<div class="col-lg-6 text-right">

<a title="Inventory List" data-toggle="tooltip" data-placement="left" class="btn btn-info btn-sm" href="{% url 'inventory_list' %}">

<i class="fa fa-list"></i>

</a>

</div>

</div>

</div>

<div class="box-body">

<form method="POST" enctype="multipart/form-data">

{{ form.errors }}

{% csrf_token %}

<div class="row">

<div class="col-lg-6">

<div class="form-group">

<label for="name">Inventory Name</label>

{{ form.name }}

</div>

<div class="form-group">

<label for="category_name">Select Category</label>

{{ form.category_name }}

</div>

<div class="form-group">

<label for="short_description">Inventory short description</label>

{{ form.short_description }}

</div>

<div class="form-group">

<label for="current_stock">Inventory current stock</label>

{{ form.current_stock }}

</div>

</div>

<div class="col-lg-6">

<div class="row">

<div class="col-lg-6">

<div class="form-group">

<label for="purchase_price">Inventory purchase price</label>

{{ form.purchase_price }}

</div>

</div>

<div class="col-lg-6">

<div class="form-group">

<label for="sales_price">Inventory sales price</label>

{{ form.sales_price }}

</div>

</div>

</div>

<div class="form-group">

<label for="sales_price">Inventory promotional price</label>

{{ form.promotional_price }}

</div>

<div class="form-group">

<label for="sales_price">Add Inventory Tag</label>

{{ form.tags }}

</div>

<div class="form-group">

<label for="picture">Inventory picture</label>

{{ form.picture }}

</div>

</div>

</div>

<div class="row">

<div class="col-lg-12">

<div class="form-group">

<label for="full_description">Inventory full description</label>

{{ form.full_description }}

</div>

</div>

</div>

<button class="btn btn-success btn-sm">Save</button>

</form>

</div>

</div>

</div>

</div>

</div>

{% endblock %}

Run Quick Virus Scan for secure Download

Run Quick Scan for safe Download

Downloadable Source Code Below.

Anyway, if you want to level up your programming knowledge, especially python, try this new article I’ve made for you Best Python Projects with source code for Beginners. But If you’re going to focus on web development using Django, you can download here from our list of Best Django Projects with source code based on real-world projects.

How To Run The Point of Sale System in Django?

Step 1: Extract/unzip the file
Step 2: Go inside the project folder, open cmd and type the following commands to install Django Framework and run the webserver:
pip install -r requirements.txt
python manage.py migrate
python manage.py runserver
Step 3: Finally, open the browser and go to http://127.0.0.1:8000/

For admin panel:

Username: admin
Password: adminl12345

Summary

In summary, this 2021 Point of Sale System in Django with Source Code can be useful to students or professional who wants to learn python programming language. This project can also be modified to fit your personal requirements. Hope this project will help you to improve your skills. Happy Coding!

Inquiries

If you have any questions or suggestions about Point of Sale System in Django with Source Code, please feel free to leave a comment below.

1 thought on “Point of Sale System in Django with Source Code”

Abhishek

June 23, 2021 at 10:05 am

i Have only pycharm community edition and while runnign the server its show some time related error and unable to start server please help
Reply

Leave a Comment Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.