Online Water Management System Project in Django with Source Code

Online Water Management System Project in Django with Source Code

This Online Water Management System Project in Django created based on python, Django, and SQLITE3 Database. The Water Management Shop System project that will assist a water store or store in providing an online ordering system for their customers. The system has two user interfaces: one for the admin user, or water management, and the other for the client, or the system’s website. Customers must register on the website before they can conduct business with the water shop.

A Online Water Management System is simple to navigate, and the features are similar to those found in other online stores. The water items are grouped by item categories to make it easier for consumers to find what they’re looking for. Each product can have a different size and thorough description thanks to the system.

Water management is the process of controlling and moving water resources in order to limit damage to people and property while maximizing their efficient and useful usage. Dams and levees with good water control lessen the risk of floods.

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

This Online Water 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: Online Water Management System Project in Django

  • Login Page – The page where the system administrator enters their system credentials in order to gain access to the system’s administrative side.
  • Manage Inventory – This is the page where an administrator can add, view and update inventory products.
  • Manage Employee – This is the page where an administrator can add, view and update employee details.
  • Location Management – This is the page where an administrator can add, view and update location details.
  • Manage Vehicle– This is the page where an administrator can add, view and update vehicle details.
  • Schedule Management – This is the page where an administrator can add, view and update schedule details.
  • New Product Page – The page to which an administrator can add new product.
  • Product List– The page on which the jewelry pieces or goods are mentioned and can be viewed, modified, or deleted.
  • Orders Page– The location where the admin can handle customer orders.
  • New User Page – The page where a new admin or customer’s system credentials are created by an admin.
  • Users list – This is the page that lists an;d manages the added users.
About ProjectProject DetailsDefinition
Project Name Online Water Management System Project in DjangoWater management is the process of controlling and moving water resources in order to limit damage to people and property while maximizing their efficient and useful usage. Dams and levees with good water control lessen the risk of floods.
Python version (Recommended)3.8 VersionPython 3.8 introduces some new syntax to the language, as well as a few small modifications to existing behavior and, most importantly, a slew of performance improvements, following in the footsteps of the previous 3.7 version.
Programming Language UsedPython Django LanguageDjango is a high-level Python web framework for building safe and maintainable websites quickly. Django is a web framework built by experienced developers that takes care of a lot of the heavy lifting so you can focus on developing your app instead of reinventing the wheel.
Developer Name itsourcecode.comFree projects containing source code in Java, PHP, Python, Django, VB.Net, Visual Basic, C, C++, C#, Javascript, and other languages are available on this website.
IDE Tool (Recommended)Sublime, Visual Studio, PyCharmSublime Text is a source code editor that is available for purchase. It comes with built-in support for a variety of programming and markup languages. Plugins, which are often community-built and maintained under free-software licenses, allow users to extend the functionality of the system. Sublime Text has a Python API to help with plugins.
Project Type Web ApplicationA web application, unlike computer-based software programs that operate locally on the device’s operating system, is application software that runs on a web server. The user uses a web browser with an active network connection to access web apps.
DatabaseSQLiteSQLite is a programming language that is used to create embedded software for devices such as televisions, cell phones, and cameras. It can handle HTTP requests with low to medium traffic. SQLite has the ability to compress files into smaller bundles with less metadata. SQLite is a temporary dataset that is used within an application to process data.
Online Water Management System Project in Django Overview

Customer Features: Online Water Management System Project in Django

  • Login Page – Customers enter their website credentials on this page to gain access to all of the website’s features.
  • Register Page– The page where new customers created their login credentials for the website.
  • Home Page– When customers visit the website, this is the system’s default page. This page shows the water for sale in the store,
  • Product View Page – The page on which the product’s specific information is shown, as well as the page on which the customer adds the product to his or her cart.
  • Cart List Page– The page that lists the items that customers have chosen. This is the page where the customer can complete the order checkout process.
  • My Order Page – The page that lists the customer’s orders.

Online Water Management System Project in Django Steps on How to Create a Project

Time needed: 5 minutes

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

  • Step 1: Open file.

    First , open “pycharm professional” after that click “file” and click “new project“.
    Create new Project for Online Water Management System Project in Django with Source Code

  • Step 2: Choose Django.

    Next, after click “new project“, choose “Django” and click.
    choose django for Online Water Management System Project in Django with Source Code

  • Step 3: Select file location.

    Then, select a file location wherever you want.
    Create Location Name for Online Water Management System Project in Django with Source Code

  • 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 Online Water Management System Project in Django

  • Create template for the inventory in Online Water Management System Project 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 inventory_all.html under the folder of /templates/.

{% extends 'base.html' %}
{% load static %}
{% block style %}
    <style type="text/css">
        .cus {
            position: relative;
            top: -16px;
        }
    </style>
{% endblock %}
{% block title %}
    <title>All Assets</title>
{% endblock %}

{% block header %}
    {% include 'components/header.html' %}
{% endblock %}

{% block content %}

    {% if user.is_authenticated %}
        <div class="container">
            <div class="row">
                <div class="col-3  d-sm-none d-md-block">
                    <div class="text-center">
                        <h3>Your Profile</h3>
                        <hr>
                    </div>
                    <div class="card">
                        <div class="text-center card-header">
                            <a style="color: black;font-size: 1.3rem">{{ user.name }} </a>
                        </div>
                        <div class="card-body">

                            <p class="card-text">Username:&nbsp;&nbsp;{{ user.username }} </p>
                            <p class="card-text">email:&nbsp;&nbsp;{{ user.email }} </p>
                            <p class="card-text">CNIC:&nbsp;&nbsp;{{ user.cnic }} </p>
                            <p class="card-text">Phone Number:&nbsp;&nbsp;{{ user.PhoneNo }} </p>


                            <div class="text-center card-header bg-transparent">
                                <a href='{% url 'adminProfile' %}' class="btn btn-dark">View Profile</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-md-9 col-sm-12 ">
                    <div class="text-center">
                        <h3>All Assets</h3>
                    </div>
                    <hr>


                    <form method="post">{% csrf_token %}
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th scope="col">id</th>
                                <th scope="col">Name</th>
                                <th scope="col">Available</th>
                                <th scope="col">Given</th>
                                <th scope="col">Total Amount</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for items in assets %}

                                <tr>
                                    <td>{{ items.id }}</td>
                                    <td><a href="/inventory/asset/{{ items.id }}">{{ items.name }}</a></td>
                                    <td>{{ items.get_remaining }}</td>
                                    <td>{{ items.distributed }}</td>
                                    <td>{{ items.total_amount }}</td>

                                </tr>

                            {% endfor %}
                            </tbody>
                        </table>
                    </form>


                </div>
            </div>
        </div>

    {% endif %}

{% endblock %}

{% block footer %}
    {% include 'components/footer.html' %}
{% endblock %}



  • Create template for the order in Online Water Management System Project in Django.

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

{% extends 'base.html' %}
{% load static %}

{% block title %}
    <title>Order</title>
{% endblock %}

{% block header %}
    {% include 'components/header.html' %}
{% endblock %}


{% block content %}
    <div class="container">
    <div class="text-center">
        <h1>Order By</h1>
    </div>
    <hr>

    <div class="container">
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Customer </h5>
        </div>
        <div class="col-md-6 text-sm-center     text-md-left text-lg-left">
            <p>{{ customer.name }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Phone No </h5>
        </div>
        <div class="col-md-6 text-sm-center text-md-left text-lg-left">
            <p>{{ customer.PhoneNo }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Address </h5>
        </div>
        <div class="col-md-6 text-sm-center text-md-left text-lg-left">
            <p>{{ order.address }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Area:</h5>
        </div>
        <div class="col-md-6">
            <p>{{ order.area.name }}, {{ order.area.city }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Type </h5>
        </div>
        {% if order.frequency == '1' %}
            <div class="col-md-6 text-sm-centertext-md-left text-lg-left">
                <p>Only Once</p>
            </div>
        {% elif order.frequency == '2' %}
            <div class="col-md-6">
                <p>Regular</p>
            </div>
        {% endif %}
    </div>
    <hr>
    <div class="text-center">
        <h1>Order Details</h1>
    </div>
    <hr>


    {% for items in quantity %}
        <div class="row">
            <div class="col-md-6 text-lg-right text-md-right">
                <h5>{{ items.0 }}</h5>
            </div>
            <div class="col-md-6 text-sm-centertext-md-left text-lg-left">
                <p>{{ items.1 }}</p>
            </div>
        </div>
    {% endfor %}
    <hr>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Total price   </h5>
        </div>
        <div class="col-md-6 text-sm-centertext-md-left text-lg-left">
            <h5>{{ order.price }}</h5>
        </div>
    </div>
    <hr>
    <div class="text-center">
    <a class="btn btn-dark px-5" href="{% url 'all_orders_customer' %}">Back</a>
    </div>
    </div>
    </div>

{% endblock %}



{% block footer %}
    {% include 'components/footer.html' %}
{% endblock %}

  • Create template for the confirmed Order in Online Water Management System Project in Django.

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

{% extends 'base.html' %}
{% load static %}

{% block title %}
    <title>Order</title>
{% endblock %}

{% block header %}
    {% include 'components/header.html' %}
{% endblock %}


{% block content %}
    <div class="container">
    <div class="text-center">
        <h1>Order By</h1>
    </div>
    <hr>

    <div class="container">
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Customer:</h5>
        </div>
        <div class="col-md-6">
            <p>{{ customer.name }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Phone No:</h5>
        </div>
        <div class="col-md-6">
            <p>{{ customer.PhoneNo }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Address:</h5>
        </div>
        <div class="col-md-6">
            <p>{{ order.address }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Area:</h5>
        </div>
        <div class="col-md-6">
            <p>{{ order.area.name }}, {{ order.area.city }}</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Type:</h5>
        </div>
        {% if order.frequency == '1' %}
            <div class="col-md-6">
                <p>Only Once</p>
            </div>
        {% elif order.frequency == '2' %}
            <div class="col-md-6">
                <p>Regular</p>
            </div>
        {% endif %}
    </div>
    <hr>
    <div class="text-center">
        <h1>Order Details</h1>
    </div>
    <hr>


    {% for items in quantity %}
        <div class="row">
            <div class="col-md-6 text-lg-right text-md-right">
                <h5>{{ items.0 }}</h5>
            </div>
            <div class="col-md-6">
                <p>{{ items.1 }}</p>
            </div>
        </div>
    {% endfor %}
    <hr>
    <div class="row">
        <div class="col-md-6 text-lg-right text-md-right">
            <h5>Total price : </h5>
        </div>
        <div class="col-md-6">
            <h5>{{ price }}</h5>
        </div>
    </div>
    <hr>


    <form action="/customer/order-confirmed/" method="post">
        {% csrf_token %}
        <div class="text-center">
            <button type="submit" value="{{ order }}" class="btn btn-dark" name="order">Confirm</button>
        </div>
    </form>
    </div>
    </div>
{% endblock %}



{% block footer %}
    {% include 'components/footer.html' %}
{% endblock %}

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

Leave a Comment