Vehicle Service Management System Project in Django with Source Code

September 6, 2021June 29, 2021 by adones evangelista

Vehicle Service Management System Project in Django with Source Code

This Vehicle Service Management System Project in Django created based on python, Django, and SQLITE3 Database. The admin side and the user side are both included in a Vehicle Management System project. The administrator has complete authority over all car requests and can determine whether or not they can be granted.

They can make changes to the driver and vehicle lists, as well as add new drivers and vehicles. From the admin interface, an admin may oversee the entire booking process, such as which car to assign to a specific user and which driver to dispatch.

Watch the video here to see the full running source code of the Vehicle Service Management System Project in Django

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

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

First, the administrator will log in (execute the following command in cmd to get the username and password).
Your admin account will be established after you enter your username, email, and password.
On the dashboard, the admin may see how many customers, mechanics, and recent service orders there are after logging in.
Each customer invoice is visible to the administrator (if two request made by same customer it will show total sum of both request)
Admins have access to the company and can see, add, update, and delete them.
Admin can approve (hire) technicians depending on their skills (as asked by the mechanic).
The Admin can view, alter, and delete service requests/enquiries received by customers.
Admin can also submit service requests (assuming the customer has arrived at the service center/office).
Admin can authorize a customer’s request for service, assign it to a mechanic for repair, and provide a cost based on the problem description.
The Admin can see all of the request’s service costs (both approved and pending)
Customer/company feedback can be viewed by the administrator.

Customer Features of Vehicle Service Management System in Django

Customers will register and log in to the system, where they will be able to request servicing for their vehicle by giving information (vehicle number, model, problem description etc.).
If the client changes their mind or the request is not allowed by the admin, the customer can check the pricing and progress of the service.
If the customer changes their mind or the request is not approved by the admin, the customer can delete the request (enquiry).
Customer can see/edit their profile and check the status of their Request(Enquiry), which can be Pending, Approved, Repairing, Repairing Done, or Released.
Customer can also check invoice information or repaired vehicles.

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

Create template for the add customer form in Vehicle Service Management System in Django.

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

{% extends 'vehicle/adminbase.html' %}
{% load widget_tweaks %}
{% block content %}
<head>
  <style media="screen">
    input[type=text], select,input[type=number] ,input[type=password], textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }

  input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  input[type=submit]:hover {
    background-color: #45a049;
  }


  </style>


</head>

<br><br><br><br><br>
<h3 style="text-align:center;">CREATE CUSTOMER ACCOUNT</h3>
<div>
  <form method="post"  enctype="multipart/form-data"  style="margin-left:200px;margin-right:200px;">
      {% csrf_token %}

        <label for="first_name">First Name</label>
        {% render_field userForm.first_name class="form-control" placeholder="First Name" %}
        <label for="last_name">Last Name</label>
        {% render_field userForm.last_name class="form-control" placeholder="Last Name" %}
        <label for="mobile">Mobile</label>
        {% render_field customerForm.mobile class="form-control" placeholder="Mobile" %}
        <label for="address">Address</label>
        {% render_field customerForm.address class="form-control" placeholder="Address" %}
        <label for="username">Username</label>
        {% render_field userForm.username class="form-control" placeholder="Username" %}
        <label for="password">Password</label>
        {% render_field userForm.password class="form-control" placeholder="Password" %} <br><br>
        <label for="profile_pic">Profile Picture</label>
        {% render_field customerForm.profile_pic class="form-control" placeholder="Profile Picture" %}

    <input type="submit" value="Create">
  </form>
</div>



<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
{% endblock content %}

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

{% extends 'vehicle/adminbase.html' %}

{% load widget_tweaks %}

{% block content %}

<head>

<style media="screen">

input[type=text], select,input[type=number] ,input[type=password], textarea{

width: 100%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

}

input[type=submit] {

width: 100%;

background-color: #4CAF50;

color: white;

padding: 14px 20px;

margin: 8px 0;

border: none;

border-radius: 4px;

cursor: pointer;

}

input[type=submit]:hover {

background-color: #45a049;

}

</style>

</head>

<br><br><br><br><br>

<h3 style="text-align:center;">CREATE CUSTOMER ACCOUNT</h3>

<div>

<form method="post" enctype="multipart/form-data" style="margin-left:200px;margin-right:200px;">

{% csrf_token %}

<label for="first_name">First Name</label>

{% render_field userForm.first_name class="form-control" placeholder="First Name" %}

<label for="last_name">Last Name</label>

{% render_field userForm.last_name class="form-control" placeholder="Last Name" %}

<label for="mobile">Mobile</label>

{% render_field customerForm.mobile class="form-control" placeholder="Mobile" %}

<label for="address">Address</label>

{% render_field customerForm.address class="form-control" placeholder="Address" %}

<label for="username">Username</label>

{% render_field userForm.username class="form-control" placeholder="Username" %}

<label for="password">Password</label>

{% render_field userForm.password class="form-control" placeholder="Password" %} <br><br>

<label for="profile_pic">Profile Picture</label>

{% render_field customerForm.profile_pic class="form-control" placeholder="Profile Picture" %}

<input type="submit" value="Create">

</form>

</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

{% endblock content %}

Create template for the add request form in Vehicle Service Management System in Django.

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

{% extends 'vehicle/adminbase.html' %}
{% load widget_tweaks %}
{% block content %}
<head>
  <style media="screen">
    input[type=text], select,input[type=number] , textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }

  input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  input[type=submit]:hover {
    background-color: #45a049;
  }


  </style>


</head>



<br><br><br><br><br>
<h1 style="text-align:center;">MAKE REQUEST</h1>
<div>
  <form method="post" style="margin-left:200px;margin-right:200px;">
      {% csrf_token %}
    <label for="category">Vehicle Category</label>
    {% render_field enquiry.category class="form-control"  %}<br>

    <label for="vehicle_no">Vehicle Number</label>
    {% render_field enquiry.vehicle_no class="form-control" placeholder="Vehicle Number" %}

    <label for="vehicle_name">Vehicle Name</label>
    {% render_field enquiry.vehicle_name class="form-control" placeholder="Vehicle Name" %}

    <label for="vehicle_brand">Vehicle Brand</label>
    {% render_field enquiry.vehicle_brand class="form-control" placeholder="Vehicle Brand" %}

    <label for="vehicle_model">Vehicle Model</label>
    {% render_field enquiry.vehicle_model class="form-control" placeholder="Vehicle Model" %}

    <label for="problem_description">Problem Description</label>
    {% render_field enquiry.problem_description class="form-control" placeholder="Problem Description" %}

    <label for="cost">Repair Cost</label>
    {% render_field adminenquiry.cost class="form-control" placeholder="Repair Cost" %}

    <label for="customer">Customer</label>
    {% render_field adminenquiry.customer class="form-control"  %}

    <label for="mechanic">Mechanic</label>
    {% render_field adminenquiry.mechanic class="form-control"  %}



    <input type="submit" value="Submit">
  </form>
</div>



<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
{% endblock content %}

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

{% extends 'vehicle/adminbase.html' %}

{% load widget_tweaks %}

{% block content %}

<head>

<style media="screen">

input[type=text], select,input[type=number] , textarea{

width: 100%;

padding: 12px 20px;

margin: 8px 0;

display: inline-block;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

}

input[type=submit] {

width: 100%;

background-color: #4CAF50;

color: white;

padding: 14px 20px;

margin: 8px 0;

border: none;

border-radius: 4px;

cursor: pointer;

}

input[type=submit]:hover {

background-color: #45a049;

}

</style>

</head>

<br><br><br><br><br>

<h1 style="text-align:center;">MAKE REQUEST</h1>

<div>

<form method="post" style="margin-left:200px;margin-right:200px;">

{% csrf_token %}

<label for="category">Vehicle Category</label>

{% render_field enquiry.category class="form-control" %}<br>

<label for="vehicle_no">Vehicle Number</label>

{% render_field enquiry.vehicle_no class="form-control" placeholder="Vehicle Number" %}

<label for="vehicle_name">Vehicle Name</label>

{% render_field enquiry.vehicle_name class="form-control" placeholder="Vehicle Name" %}

<label for="vehicle_brand">Vehicle Brand</label>

{% render_field enquiry.vehicle_brand class="form-control" placeholder="Vehicle Brand" %}

<label for="vehicle_model">Vehicle Model</label>

{% render_field enquiry.vehicle_model class="form-control" placeholder="Vehicle Model" %}

<label for="problem_description">Problem Description</label>

{% render_field enquiry.problem_description class="form-control" placeholder="Problem Description" %}

<label for="cost">Repair Cost</label>

{% render_field adminenquiry.cost class="form-control" placeholder="Repair Cost" %}

<label for="customer">Customer</label>

{% render_field adminenquiry.customer class="form-control" %}

<label for="mechanic">Mechanic</label>

{% render_field adminenquiry.mechanic class="form-control" %}

<input type="submit" value="Submit">

</form>

</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

{% endblock content %}

Create template for the customer request form in Vehicle Service Management System in Django.

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

{% extends 'vehicle/customerbase.html' %}
{% load static %}
{% block content %}



<head>

  <style type="text/css">
    a:link {
      text-decoration: none;
    }

    h6 {
      color: white;
      font-size: 0.90em;
    }

    .order-card {
      color: #fff;
    }

    .bg-c-blue {
      background: linear-gradient(45deg, #4099ff, #73b4ff);
    }

    .bg-c-green {
      background: linear-gradient(45deg, #2ed8b6, #59e0c5);
    }

    .bg-c-yellow {
      background: linear-gradient(45deg, #FFB64D, #ffcb80);
    }

    .bg-c-pink {
      background: linear-gradient(45deg, #FF5370, #ff869a);
    }


    .card {
      border-radius: 5px;
      -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
      box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
      border: none;
      margin-bottom: 30px;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .card .card-block {
      padding: 25px;
    }

    .order-card i {
      font-size: 26px;
    }

    .f-left {
      float: left;
    }

    .f-right {
      float: right;
    }
    h6{
      size:20;
    }
  </style>
</head>

<body>

  <br><br><br><br><br>
  <div style="margin-left:100px;" class="container">
    <div class="row">
      <div class="col-md-4 col-xl-3">
        <div class="card bg-c-blue order-card">
          <div class="card-block">
            <a href="/customer-view-request">
              <h6 class="m-b-20">View Pending Request</h6>
            </a>
            <h2 class="text-right"><i class="fas fa-eye f-left"></i></h2>
            <br>
          </div>
        </div>
      </div>

      <div class="col-md-4 col-xl-3">
        <div class="card bg-c-green order-card">
          <div class="card-block">
            <a href="/customer-add-request">
              <h6 class="m-b-20">Make Request</h6>
            </a>
            <h2 class="text-right"><i class="fas fa-plus-circle f-left"></i></h2>
            <br>
          </div>
        </div>
      </div>

      <div class="col-md-4 col-xl-3">
        <div class="card bg-c-yellow order-card">
          <div class="card-block">
            <a href="/customer-view-approved-request">
              <h6 class="m-b-20">Approved Request</h6>
            </a>
            <h2 class="text-right"><i class="fas fa-check-circle f-left"></i></h2>
            <br>
          </div>
        </div>
      </div>

      <div class="col-md-4 col-xl-3">
        <div class="card bg-c-pink order-card">
          <div class="card-block">
            <a href="/customer-view-approved-request-invoice">
              <h6 class="m-b-20">Approved Request Bill</h6>
            </a>
              <h2 class="text-right"><i class="fas fa-rupee-sign f-left"></i></h2>
            <br>
          </div>
        </div>
      </div>
    </div>

  </div>
  <script src="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

</body>
{% endblock content %}

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

{% extends 'vehicle/customerbase.html' %}

{% load static %}

{% block content %}

<head>

<style type="text/css">

a:link {

text-decoration: none;

}

h6 {

color: white;

font-size: 0.90em;

}

.order-card {

color: #fff;

}

.bg-c-blue {

background: linear-gradient(45deg, #4099ff, #73b4ff);

}

.bg-c-green {

background: linear-gradient(45deg, #2ed8b6, #59e0c5);

}

.bg-c-yellow {

background: linear-gradient(45deg, #FFB64D, #ffcb80);

}

.bg-c-pink {

background: linear-gradient(45deg, #FF5370, #ff869a);

}

.card {

border-radius: 5px;

-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);

box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);

border: none;

margin-bottom: 30px;

-webkit-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

.card .card-block {

padding: 25px;

}

.order-card i {

font-size: 26px;

}

.f-left {

float: left;

}

.f-right {

float: right;

}

h6{

size:20;

}

</style>

</head>

<body>

<br><br><br><br><br>

<div style="margin-left:100px;" class="container">

<div class="row">

<div class="col-md-4 col-xl-3">

<div class="card bg-c-blue order-card">

<div class="card-block">

<a href="/customer-view-request">

<h6 class="m-b-20">View Pending Request</h6>

</a>

<h2 class="text-right"><i class="fas fa-eye f-left"></i></h2>

<br>

</div>

</div>

</div>

<div class="col-md-4 col-xl-3">

<div class="card bg-c-green order-card">

<div class="card-block">

<a href="/customer-add-request">

<h6 class="m-b-20">Make Request</h6>

</a>

<h2 class="text-right"><i class="fas fa-plus-circle f-left"></i></h2>

<br>

</div>

</div>

</div>

<div class="col-md-4 col-xl-3">

<div class="card bg-c-yellow order-card">

<div class="card-block">

<a href="/customer-view-approved-request">

<h6 class="m-b-20">Approved Request</h6>

</a>

<h2 class="text-right"><i class="fas fa-check-circle f-left"></i></h2>

<br>

</div>

</div>

</div>

<div class="col-md-4 col-xl-3">

<div class="card bg-c-pink order-card">

<div class="card-block">

<a href="/customer-view-approved-request-invoice">

<h6 class="m-b-20">Approved Request Bill</h6>

</a>

<h2 class="text-right"><i class="fas fa-rupee-sign f-left"></i></h2>

<br>

</div>

</div>

</div>

</div>

</div>

<script src="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

</body>

{% endblock content %}

Vehicle Service Management System Project in Django: Project Information

Project Name:	Vehicle Service Management System Project in Django
Language/s Used:	Python Django
Python version (Recommended):	3.8
Database:	SQLlite3
Type:	Website, Web Application
Developer:	IT SOURCECODE
Updates:	0

Vehicle Service Management System Project in Django – Project Information

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 Vehicle Service 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 Vehicle Service 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 Vehicle Service Management System in Django with Source Code, please feel free to leave a comment below.

1 thought on “Vehicle Service Management System Project in Django with Source Code”

Fabian

August 19, 2021 at 5:24 pm

Not seeing the command to get the username and password).
Reply

Leave a Comment Cancel reply