Restaurant Management System Project in Django with Source Code

Posted by adones evangelistaPosted in Python Projects April 28, 2021

Restaurant Management System Project in Django with Source Code

Restaurant Management System Project in Django with Source Code

This Restaurant Management System Project in Django created based on python, Django, and SQLITE3 Database. Restaurant Management 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 food, sales, order, users, and inventory.

We present a web-based restaurant management framework for managing food orders for a given menu and a given customer in this project. It also offers home delivery services. It also has an admin interface that allows you to see and access all of the users, their orders, and the Restaurant’s menu.

The Restaurant 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 Restaurant Management System Project in Django with Source Code

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

This Restaurant 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 Restaurant Management System in Django

All of the customer’s functions are available.
Admin will see all of the users and orders on a personalized dashboard.
Admin can add users and food products at any time, as well as edit them.
Add a discount for food products, and the selling price will change accordingly.
Add all of the expenditures for a specific day to the dashboard and display them graphically.
Confirm each order’s arrival, as well as assigning a delivery boy to each recipient.

Customer Features of Restaurant Management System in Django

View all of the food brands, along with their most recent prices, by category, such as Negros Best Foods, Iloilo Best Foods, Manila Best Foods, and Cebu Best Foods.
Each consumer has their own personalized cart, to which they can add multiple quantities of various food products.
Depending on the food items in their cart, the user may place an order.
View the user’s entire history of commands.

Delivery Features of Restaurant Management System in Django

All of the customer’s functions are available.
See all of the orders that have been assigned to you to deliver.
Confirm the fulfillment of a specific order.

Restaurant Management System in Django Steps on How to Create a Project

Time needed: 5 minutes.

Here’s the step’s on how to create a Restaurant Management System in Django with Source Code.

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 Restaurant Management System in Django

Create template for the menu in Restaurant Management System in Django.

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

{% load staticfiles %}
{% load mathfilters %}
{% include "includes/landing_top.html" %}

<body>
	<script src="{% static 'js/jquery.vide.min.js' %}"></script>
	<div data-vide-bg="{% static 'video/bg.jpg' %}">
		<!-- banner -->
		{% include "includes/banner.html" %}
		<!-- //banner -->
	</div>
	<!-- menu -->
	<div class="menu">
		<div class="container">
			<div class="menu-heading">
				<h2>Our Menu</h2>
			</div>
			<div class="menu-top-grids">
				{% for food in foods %}
				{% if forloop.counter0|mod:4 == 1 %}
				<div class="w3ls-menu-grids">
				{% endif %}
					<div class="col-md-3 menu-grid">
						<div class="agile-menu-grid">
							<a href="{% url 'hotel:food_details' food.id %}">
								<img src="/media/{{food.image}}" alt="" height="200px" width="200px"/>
								<div class="agileits-caption">
									<h4>{{food.name}}</h4>
									<p><i class="fa fa-inr"></i> {{food.sale_price}}</p>
								</div>
							</a>
						</div>
					</div>
					<!--{% if forloop.counter0|mod:4 == 0 %}-->
						<!--<div style="height:100px;"></div>-->
					<!--{% endif %}-->

				{% if forloop.counter0|mod:4 == 1 %}
				</div>
				{% endif %}
				{% endfor %}
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //menu -->
	{% include "includes/footer.html" %}

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

{% load staticfiles %}

{% load mathfilters %}

{% include "includes/landing_top.html" %}

<body>

<script src="{% static 'js/jquery.vide.min.js' %}"></script>

<div data-vide-bg="{% static 'video/bg.jpg' %}">

{% include "includes/banner.html" %}

</div>

<div class="menu">

<div class="container">

<div class="menu-heading">

<h2>Our Menu</h2>

</div>

<div class="menu-top-grids">

{% for food in foods %}

{% if forloop.counter0|mod:4 == 1 %}

<div class="w3ls-menu-grids">

{% endif %}

<div class="col-md-3 menu-grid">

<div class="agile-menu-grid">

<a href="{% url 'hotel:food_details' food.id %}">

<img src="/media/{{food.image}}" alt="" height="200px" width="200px"/>

<div class="agileits-caption">

<h4>{{food.name}}</h4>

<p><i class="fa fa-inr"></i> {{food.sale_price}}</p>

</div>

</a>

</div>

</div>

{% if forloop.counter0|mod:4 == 1 %}

</div>

{% endif %}

{% endfor %}

<div class="clearfix"> </div>

</div>

</div>

</div>

{% include "includes/footer.html" %}

Create template for the create order in Restaurant Management 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 orders.html under the folder of hotel/templates.

{% load staticfiles %}
{% include "includes/base.html" %}
{% include "includes/navbarheader.html" %}
{% include "includes/navtop.html" %}
<div class="navbar-default sidebar" role="navigation">
    <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
            <li class="sidebar-search">
                <div class="input-group custom-search-form">
                    <input type="text" class="form-control" placeholder="Search...">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button">
                            <i class="fa fa-search"></i>
                        </button>
                    </span>
                </div>
                <!-- /input-group -->
            </li>
            <li>
                <a href="/dashboard">
                    <i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
            </li>
            <li>
                <a href="{% url 'hotel:my_orders' %}">
                    <i class="fa fa-truck fa-fw"></i> Orders</a>
            </li>
        </ul>
    </div>
    <!-- /.sidebar-collapse -->
</div>
<!-- /.navbar-static-side -->
        </nav>

        <div id="page-wrapper">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Orders Information</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            List of all Orders
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Customer's Name</th>
                                        <th>Order Status</th>
                                        <th>Order Time</th>
                                        <th>Amount</th>
                                        <th>Payment Method</th>
                                        <th>Payment Status</th>
                                        <th>Delivery Time</th>
                                        <th>Delivery Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for order in orders %}
                                    <tr>
                                        <td>{{order.id}}</td>
                                        <td>{{order.customer.customer.first_name}} {{order.customer.customer.last_name}}</td>
                                        <td>{% if order.if_cancelled == False %}
                                            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                                            {% else %}
                                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                                            {% endif %}
                                        </td>
                                        <td>{{order.order_timestamp}}</td>
                                        <td>{{order.total_amount}}</td>
                                        <td>{{order.payment_method}}</td>
                                        <td>{% if order.payment_status == 'Completed' %}
                                            <span class="label label-success">Paid</span>
                                            {% else %}
                                            <span class="label label-danger">Pending</span>
                                            {% endif %}
                                        </td>
                                        <td>{{order.delivery_timestamp}}</td>
                                        <td>{% if order.delivery_status == 'Completed' %}
                                            <span class="label label-success">Delivered</span>
                                            {% else %}
                                            <span class="label label-danger">Pending</span>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            <!-- /.row -->
        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->

    <script src="{% static 'vendor/jquery/jquery.min.js'%}"></script>

    <!-- DataTables JavaScript -->
    <script src="{% static '/vendor/datatables/js/jquery.dataTables.min.js'%}"></script>
    <script src="{% static '/vendor/datatables-plugins/dataTables.bootstrap.min.js'%}"></script>
    <script src="{% static '/vendor/datatables-responsive/dataTables.responsive.js'%}"></script>

    <!-- Page-Level Demo Scripts - Tables - Use for reference -->
    <script>
        $(document).ready(function () {
            $('#dataTables-example').DataTable({
                responsive: true
            });
        });
    </script>

    <script src="{% static 'vendor/bootstrap/js/bootstrap.min.js'%}"></script>
    <script src="{% static 'vendor/metisMenu/metisMenu.min.js'%}"></script>
    <script src="{% static 'dist/js/sb-admin-2.js'%}"></script>

</body>

</html>

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

{% load staticfiles %}

{% include "includes/base.html" %}

{% include "includes/navbarheader.html" %}

{% include "includes/navtop.html" %}

<div class="navbar-default sidebar" role="navigation">

<div class="sidebar-nav navbar-collapse">

<ul class="nav" id="side-menu">

<li class="sidebar-search">

<div class="input-group custom-search-form">

<input type="text" class="form-control" placeholder="Search...">

<span class="input-group-btn">

<button class="btn btn-default" type="button">

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

</button>

</span>

</div>

</li>

<li>

<a href="/dashboard">

<i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

</li>

<li>

<a href="{% url 'hotel:my_orders' %}">

<i class="fa fa-truck fa-fw"></i> Orders</a>

</li>

</ul>

</div>

</div>

</nav>

<div id="page-wrapper">

<div class="row">

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

<h1 class="page-header">Orders Information</h1>

</div>

</div>

<div class="row">

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

<div class="panel panel-default">

<div class="panel-heading">

List of all Orders

</div>

<div class="panel-body">

<table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">

<thead>

<tr>

<th>ID</th>

<th>Customer's Name</th>

<th>Order Status</th>

<th>Order Time</th>

<th>Amount</th>

<th>Payment Method</th>

<th>Payment Status</th>

<th>Delivery Time</th>

<th>Delivery Status</th>

</tr>

</thead>

<tbody>

{% for order in orders %}

<tr>

<td>{{order.id}}</td>

<td>{{order.customer.customer.first_name}} {{order.customer.customer.last_name}}</td>

<td>{% if order.if_cancelled == False %}

<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>

{% else %}

<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>

{% endif %}

</td>

<td>{{order.order_timestamp}}</td>

<td>{{order.total_amount}}</td>

<td>{{order.payment_method}}</td>

<td>{% if order.payment_status == 'Completed' %}

<span class="label label-success">Paid</span>

{% else %}

<span class="label label-danger">Pending</span>

{% endif %}

</td>

<td>{{order.delivery_timestamp}}</td>

<td>{% if order.delivery_status == 'Completed' %}

<span class="label label-success">Delivered</span>

{% else %}

<span class="label label-danger">Pending</span>

{% endif %}

</td>

</tr>

{% endfor %}

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

</div>

<script src="{% static 'vendor/jquery/jquery.min.js'%}"></script>

<script src="{% static '/vendor/datatables/js/jquery.dataTables.min.js'%}"></script>

<script src="{% static '/vendor/datatables-plugins/dataTables.bootstrap.min.js'%}"></script>

<script src="{% static '/vendor/datatables-responsive/dataTables.responsive.js'%}"></script>

<script>

$(document).ready(function () {

$('#dataTables-example').DataTable({

responsive: true

});

});

</script>

<script src="{% static 'vendor/bootstrap/js/bootstrap.min.js'%}"></script>

<script src="{% static 'vendor/metisMenu/metisMenu.min.js'%}"></script>

<script src="{% static 'dist/js/sb-admin-2.js'%}"></script>

</body>

</html>

Create template for the cart in Restaurant Management System in Django.

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

{% load staticfiles %}

{% include "includes/landing_top.html" %}

{% load mathfilters %}

<body>
	<div  class="bg-img">
		<!-- banner -->
		{% include "includes/banner1.html" %}
		<!-- //banner -->
	</div>


        <div style="height:100px;"></div>
		
		<div class="container text-center">

			<div class="col-md-5 col-sm-12">
				<div class="bigcart"></div>
				<h1>Your shopping cart</h1>
			</div>
			
			<div class="col-md-7 col-sm-12 text-left">
				<ul>
					<li class="row list-inline columnCaptions">
						<span>QTY</span>
						<span>ITEM</span>
						<span>Price</span>
					</li>
                    {% for item in items %}
					<li class="row">
						<span class="quantity">{{item.quantity}}</span>
						<span class="itemName">{{item.food.name}}</span>
                        <span class="popbtn"><a class="arrow" id="{{item.id}}"></a></span>
                        <span class="price">₱ {{ item.food.sale_price|mul:item.quantity }}</span>
                    </li>
                    {% endfor %}
                    <li class="row totals">
						<span class="itemName">Total:</span>
						<span class="price">₱ {{total}}</span>
						<span class="order"> <a class="text-center" href="{% url 'hotel:placeOrder' %}">ORDER</a></span>
						<span class="order"> <a class="text-center" href="{% url 'hotel:menu' %}">Continue Shopping</a></span>
					</li>
				</ul>
			</div>

		</div>

		<!-- The popover content -->

		<div id="popover" style="display: none">
			<a><span class="glyphicon glyphicon-pencil"></span></a>
			<a id="remove"><span class="glyphicon glyphicon-remove"></span></a>
		</div>
		
		<!-- JavaScript includes -->

		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
		<script src="{% static 'js/bootstrap.js' %}"></script>
		<script src="{% static 'assets/js/customjs.js' %}"></script>

	</body>
</html>

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

{% load staticfiles %}

{% include "includes/landing_top.html" %}

{% load mathfilters %}

<body>

<div class="bg-img">

{% include "includes/banner1.html" %}

</div>

<div style="height:100px;"></div>

<div class="container text-center">

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

<div class="bigcart"></div>

<h1>Your shopping cart</h1>

</div>

<div class="col-md-7 col-sm-12 text-left">

<ul>

<li class="row list-inline columnCaptions">

<span>QTY</span>

<span>ITEM</span>

<span>Price</span>

</li>

{% for item in items %}

<li class="row">

<span class="quantity">{{item.quantity}}</span>

<span class="itemName">{{item.food.name}}</span>

<span class="popbtn"><a class="arrow" id="{{item.id}}"></a></span>

<span class="price">₱ {{ item.food.sale_price|mul:item.quantity }}</span>

</li>

{% endfor %}

<li class="row totals">

<span class="itemName">Total:</span>

<span class="price">₱ {{total}}</span>

<span class="order"> <a class="text-center" href="{% url 'hotel:placeOrder' %}">ORDER</a></span>

<span class="order"> <a class="text-center" href="{% url 'hotel:menu' %}">Continue Shopping</a></span>

</li>

</ul>

</div>

</div>

<div id="popover" style="display: none">

<a><span class="glyphicon glyphicon-pencil"></span></a>

<a id="remove"><span class="glyphicon glyphicon-remove"></span></a>

</div>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="{% static 'js/bootstrap.js' %}"></script>

<script src="{% static 'assets/js/customjs.js' %}"></script>

</body>

</html>

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 Restaurant Management 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/

Summary

In summary, this 2021 Restaurant Management 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 Restaurant Management System in Django with Source Code, please feel free to leave a comment below.

Author

adones evangelista

Hello Everyone , I'm Adones Evangelista. A writer and also a programmer of itsourcecode.com.

Leave a Comment! Cancel Reply

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