Learning Log App Project in Django with Source Code

The Learning Log App Project in Django is created using Python Django Framework. The system is built fully in Django Framework in back-end and HTML, CSS and JavaScript in front-end. Basically, the project includes tutorials and guides for creating a code.

This Learning Log is a Web Application that provides students or working staff with an integrated user interface to add learning logs. Students may add as many entries as they want and monitor all learning logs in each individual learning log. This project also includes an admin panel from which you can monitor all the registered users, logs, and entries.

To start creating a Learning Log App Project in Django, makes sure that you have PyCharm Professional IDE Installed in your computer.

This Learning Log App Project in Django also includes a Download Source Code for free, just find the downloadable source code below and click download now.

Features of Learning Log App Project in Django

Homepage – For the homepage, you will be able to all the basic access in the whole system. Such as topics, registration and login.
Topics– For the topics, you will be able to add new topics as many as you want and you can also edit the topics.
Registration – For the registration, you will fill the forms. Such as your username and password.
Login – For the login, you must login first before you can add a new topic.

Steps on how to create a Learning Log App Project in Django With Source Code

Learning Log App 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
Second, after click “new project“, choose “Django” and click.
Step 3: Select file location.
Third, select a file location wherever you want.
Step 4: Create application name.
Fourth, name your application.
Step 5: Click create.
Fifth, finish creating project by clicking “create” button.
Step 6: Start Coding.
In this final step, we will now start adding functionality to our Django Framework by adding some functional codes.

This are the module to add functionality for Learning Log App Project in Django

Create template for the homepage in Learning Log App Project in Django.

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

{% load bootstrap3 %}

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;

    &lt;title&gt;Learning Log Application&lt;/title&gt;

    {% bootstrap_css %}
    {% bootstrap_javascript %}

&lt;/head&gt;

&lt;body style="background-color: skyblue"&gt;
    &lt;!-- Static navbar --&gt;

    &lt;nav class="navbar navbar-default navbar-static-top" style="background-color: black"&gt;
        &lt;div class="container"&gt;
            &lt;div class="navbar-header" &gt;
                &lt;button type="button" class="navbar-toggle collapsed"
                        data-toggle="collapse" data-target="#navbar"
                        aria-expanded="false" aria-controls="navbar"&gt;&lt;/button&gt;
                &lt;a class="navbar-brand" href="{% url 'learning_logs:index' %}"&gt;
                    Learning Log Application
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div id="navbar" class="navbar-collapse collapse"&gt;
                &lt;ul class="nav navbar-nav"&gt;
                    &lt;li&gt;&lt;a href="{% url 'learning_logs:topics' %}"&gt;Topics&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;ul class="nav navbar-nav navbar-right"&gt;
                    {% if user.is_authenticated %}
                    &lt;li&gt;&lt;a&gt;Hello, {{ user.username }}.&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="{% url 'users:logout' %}"&gt;Log out&lt;/a&gt;&lt;/li&gt;
                    {% else %}
                    &lt;li&gt;&lt;a href="{% url 'users:register' %}"&gt;Register&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="{% url 'users:login' %}"&gt;Log in&lt;/a&gt;&lt;/li&gt;
                    {% endif %}
                &lt;/ul&gt;
            &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
        &lt;/div&gt;
    &lt;/nav&gt;

    &lt;div class="container"&gt;

        &lt;div class="page-header"&gt;
            {% block header %}{% endblock header %}
        &lt;/div&gt;
        &lt;div&gt;
            {% block content %}{% endblock content %}
        &lt;/div&gt;

    &lt;/div&gt; &lt;!-- /container --&gt;

&lt;/body&gt;

&lt;/html&gt;

{% load bootstrap3 %}

<!DOCTYPE html>

<head>

<title>Learning Log Application</title>

{% bootstrap_css %}

{% bootstrap_javascript %}

</head>

<button type="button" class="navbar-toggle collapsed"

data-toggle="collapse" data-target="#navbar"

aria-expanded="false" aria-controls="navbar"></button>

Learning Log Application

</a>

</div>

<li><a href="{% url 'learning_logs:topics' %}">Topics</a></li>

</ul>

{% if user.is_authenticated %}

<li><a>Hello, {{ user.username }}.</a></li>

{% else %}

<li><a href="{% url 'users:register' %}">Register</a></li>

{% endif %}

</ul>

</div>

</div>

</nav>

{% block header %}{% endblock header %}

</div>

<div>

{% block content %}{% endblock content %}

</div>

</div>

</body>

</html>

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the registration page in Learning Log App Project in Django.

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

{% extends "learning_logs/base.html" %}
{% block content %}
&lt;form method="post" action="{% url 'users:register' %}"&gt;
    {% csrf_token %}
    {{ form.as_p }}
    &lt;button name="submit" class="btn btn-success"&gt;Register&lt;/button&gt;
    &lt;input type="hidden" name="next" value="{% url 'learning_logs:index' %}" /&gt;
&lt;/form&gt;
{% endblock content %}

{% extends "learning_logs/base.html" %}

{% block content %}

{% csrf_token %}

<button name="submit" class="btn btn-success">Register</button>

</form>

{% endblock content %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the login form in Learning Log App Project 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 user_login.html under the folder of users/templates/users files.

{% extends "learning_logs/base.html" %}
{% block content %}
 {% if form.errors %}
&lt;p&gt;Your username and password didn't match. Please try again.&lt;/p&gt;  {% endif %}
&lt;form method="post" action="{% url 'users:login' %}"&gt;
    {% csrf_token %}
    {{ form.as_p }}
    &lt;button name="submit" class="btn btn-success"&gt;Log in&lt;/button&gt;
    &lt;input type="hidden" name="next" value="{% url 'learning_logs:index' %}" /&gt;
&lt;/form&gt;     
   {% endblock content %}

{% extends "learning_logs/base.html" %}

{% block content %}

{% if form.errors %}

<p>Your username and password didn't match. Please try again.</p> {% endif %}

{% csrf_token %}

</form>

{% endblock content %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the add topics in Learning Log App Project in Django.

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

{% extends "learning_logs/base.html" %}

{% load bootstrap3 %}

{% block header %}
&lt;h2&gt;Add a new topic:&lt;/h2&gt;
{% endblock header %}

{% block content %}

&lt;form action="{% url 'learning_logs:new_topic' %}" method='post' class="form"&gt;
    {% csrf_token %}

    {% bootstrap_form form %}

    {% buttons %}
    &lt;button name="submit" class="btn btn-success"&gt;Add Topic&lt;/button&gt;
    {% endbuttons %}
&lt;/form&gt;

{% endblock content %}

{% extends "learning_logs/base.html" %}

{% load bootstrap3 %}

{% block header %}

<h2>Add a new topic:</h2>

{% endblock header %}

{% block content %}

{% csrf_token %}

{% bootstrap_form form %}

{% buttons %}

<button name="submit" class="btn btn-success">Add Topic</button>

{% endbuttons %}

</form>

{% endblock content %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Create template for the edit topic form in Learning Log App Project in Django.

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

{% extends "learning_logs/base.html" %}

{% load bootstrap3 %}

{% block header %}
&lt;h2&gt;Edit entry:&lt;/h2&gt;
{% endblock header %}

{% block content %}

&lt;h3&gt;
    &lt;a href="{% url 'learning_logs:topic' topic.id %}"&gt;{{ topic }}&lt;/a&gt;&lt;/p&gt;
&lt;/h3&gt;

&lt;form action="{% url 'learning_logs:edit_entry' entry.id %}" method='post' class="form"&gt;
    {% csrf_token %}

    {% bootstrap_form form%}

    {% buttons%}
    &lt;button name='submit' class="btn btn-success"&gt;Save Changes&lt;/button&gt;
    {% endbuttons %}
&lt;/form&gt;

{% endblock content %}

{% extends "learning_logs/base.html" %}

{% load bootstrap3 %}

{% block header %}

<h2>Edit entry:</h2>

{% endblock header %}

{% block content %}

<h3>

<a href="{% url 'learning_logs:topic' topic.id %}">{{ topic }}</a></p>

</h3>

{% csrf_token %}

{% bootstrap_form form%}

{% buttons%}

<button name='submit' class="btn btn-success">Save Changes</button>

{% endbuttons %}

</form>

{% endblock content %}

After adding the code, you may click the run button to test the code. The output should look like as shown below.

Run Quick Virus Scan for secure Download

Run Quick Scan for safe Download

Downloadable Source Code Below.

Download Now

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 Learning Log App Project in Django with Source Code?

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 runserver
Step 3: Finally, open the browser and go to http://127.0.0.1:8000/

For admin panel:

Username: admin
Password: admin

Summary

In summary, this 2020 Learning Log App 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 Learning Log App Project in Django with Source Code, please feel free to leave a comment below.

Learning Log App Project in Django with Source Code