Student App
This app handles the student side of the project.
Student Hierarchy
Templates:
About.html, ChatBot.html, faq.html, student_home.html and TimeTable.html
These pages are not visible to anyone that isn’t logged in.
HTML
<!-- about -->{% load static %} {% if user.is_authenticated %} <!DOCTYPE html> <html> <head> <title>About Us</title> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@500&display=swap" rel="stylesheet" /> </head> <style> body{ margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Jost', sans-serif; background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e); } .main{ width: 350px; height: 500px; background: red; overflow: hidden; background: url("{% static 'image/1.jpg' %}") no-repeat center/ cover; border-radius: 10px; box-shadow: 5px 20px 50px #000; } label{ color: #fff; font-size: 2.3em; justify-content: center; display: flex; margin: 60px; font-weight: bold; transition: .5s ease-in-out; } p{ color: #fff; font-size: 1.3em; justify-content:flex-start; display: flex; margin: 20px; font-weight: bold; cursor: pointer; transition: .5s ease-in-out; } .chk{ position: absolute; top: 440px; left: 250px; } h2{ margin: 2rem; text-decoration-line:underline; color:white; } li{ font-size: larger; color:white; } </style> <body> <div class="main"> <div class="aanounce"> <label for="chk" aria-hidden="true">About</label> <h2>HAUS Developers</h2> <ul> <li>Hardeep</li> <li>Ahmed</li> <li>Utsav</li> <li>Sarthak</li> </ul> </div> </div> </body> </html> {% else %} <html> <head> <title> {% block title %}Please Login {% endblock %} </title> </head> <body class="main"> <h1 class="ml5"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters letters-left">HAUS</span> <span class="letters ampersand">~</span> <span class="letters letters-right">Connect</span> <span class="line line2"></span> </span> </h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> <center> <p style="color:#f2f2f4">Sadly you are not logged in</p> </center> <center> <h2><a href="/login" style="color:#f2f2f4"> Login Here</a></h2> </center> </body> <link rel="stylesheet" href="{% static 'Teacher/css/base.css' %}"> <script type="text/javascript" src="{% static 'Teacher/js/base.js' %}"></script> <style> .main{ background: url("{%static 'Register/images/1.jpg'%}") no-repeat center/ cover; } </style> </html> {% endif %} |
HTML
<!-- Chat bot-->{% load static %} {% if user.is_authenticated %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ChatBot</title> <link rel="stylesheet" href="{% static 'css/ChatBot.css' %}"> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700i" rel="stylesheet" /> </head> <body> <main> <section> <br /><br /><br /> <h1>ChatBot</h1> <small>Hi I am Era</small> <br /> <p> Under Construction </p> </section> </main> <style> main{ background-image: url("{% static 'image/1.jpg' %}"); } </style> </body> </html> {% else %} <html> <head> <title> {% block title %}Please Login {% endblock %} </title> </head> <body class="main"> <h1 class="ml5"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters letters-left">HAUS</span> <span class="letters ampersand">~</span> <span class="letters letters-right">Connect</span> <span class="line line2"></span> </span> </h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> <center> <p style="color:#f2f2f4">Sadly you are not logged in</p> </center> <center> <h2><a href="/login" style="color:#f2f2f4"> Login Here</a></h2> </center> </body> <link rel="stylesheet" href="{% static 'Teacher/css/base.css' %}"> <script type="text/javascript" src="{% static 'Teacher/js/base.js' %}"></script> <style> .main{ background: url("{%static 'Register/images/1.jpg'%}") no-repeat center/ cover; } </style> </html> {% endif %} |
HTML
<!-- faq-->{% load static %} {% if user.is_authenticated %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700i" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" /> <link rel="stylesheet" href="{% static 'css/faq.css' %}" /> <title>FAQ</title> </head> <body> <h1>Frequently Asked Questions</h1> <div class="faq-container"> <div class="faq active"> <h3 class="faq-title"> Why shouldn't we trust atoms? </h3> <p class="faq-text"> They make up everything </p> <button class="faq-toggle"> <i class="fas fa-chevron-down"></i> <i class="fas fa-times"></i> </button> </div> <div class="faq"> <h3 class="faq-title"> What do you call someone with no body and no nose? </h3> <p class="faq-text"> Nobody knows. </p> <button class="faq-toggle"> <i class="fas fa-chevron-down"></i> <i class="fas fa-times"></i> </button> </div> <div class="faq"> <h3 class="faq-title"> What's the object-oriented way to become wealthy? </h3> <p class="faq-text"> Inheritance. </p> <button class="faq-toggle"> <i class="fas fa-chevron-down"></i> <i class="fas fa-times"></i> </button> </div> <div class="faq"> <h3 class="faq-title"> How many tickles does it take to tickle an octopus? </h3> <p class="faq-text"> Ten-tickles! </p> <button class="faq-toggle"> <i class="fas fa-chevron-down"></i> <i class="fas fa-times"></i> </button> </div> <div class="faq"> <h3 class="faq-title"> What is: 1 + 1? </h3> <p class="faq-text"> Depends on who are you asking. </p> <button class="faq-toggle"> <i class="fas fa-chevron-down"></i> <i class="fas fa-times"></i> </button> </div> </div> <script src="{% static 'js/faq.js' %}"></script> <style> body{ background: url("{%static 'image/1.jpg'%}") no-repeat center/ cover;} </style> </body> </html> {% else %} <html> <head> <title> {% block title %}Please Login {% endblock %} </title> </head> <body class="main"> <h1 class="ml5"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters letters-left">HAUS</span> <span class="letters ampersand">~</span> <span class="letters letters-right">Connect</span> <span class="line line2"></span> </span> </h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> <center> <p style="color:#f2f2f4">Sadly you are not logged in</p> </center> <center> <h2><a href="/login" style="color:#f2f2f4"> Login Here</a></h2> </center> </body> <link rel="stylesheet" href="{% static 'Teacher/css/base.css' %}"> <script type="text/javascript" src="{% static 'Teacher/js/base.js' %}"></script> <style> .main{ background: url("{%static 'Register/images/1.jpg'%}") no-repeat center/ cover; } </style> </html> {% endif %} |
HTML
<!-- student_home -->{% load static %} {% if user.is_authenticated %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Student's Portal</title> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700i" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" /> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <style> html, body { height: 100%; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: "Roboto Condensed", sans-serif; line-height: 1.7; perspective-origin: 0% 50%; perspective: 800px; background: #21212d; } nav, main { transition: transform 150ms ease-out; } nav { z-index: 100; position: absolute; top: 0; left: 0; bottom: 0; width: 16em; background-color: #353441; transform: translateX(-16em); } nav.menu-active { transform: translateX(0); } nav.menu-hover { transform: translateX(-15em); } nav h1 { z-index: 100; display: block; position: absolute; top: 0; right: -65px; height: 60px; width: 65px; line-height: 60px; font-size: 0.8em; font-weight: 300; letter-spacing: 1px; color: #fff; text-transform: uppercase; text-align: center; background-color: #353441; cursor: pointer; } nav h1:hover { color: #353441; background: #fff; } nav ul { margin: 0; padding: 0; } nav li { display: inline-block; padding: 0 1em; width: 100%; height: 60px; color: #9dc6d1; line-height: 60px; background-color: #353441; transition: all 0.5s ease-in; } nav li:nth-of-type(2n) { background-color: #3a3947; } nav li:hover { background: #6d44b8; color: rgb(255, 255, 255); } main { z-index: 0; position: absolute; top: 0; left: 0%; bottom: 0; right: 0; display: flex; align-items: center; overflow: hidden; background-image: url("{% static 'image/1.jpg' %}"); transform-origin: 0% 50%; background-size: 35%; width: 100%; } main:after { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient( to right, transparent, rgba(33, 33, 45, 0.5) ); visibility: hidden; opacity: 0; transition: opacity 150ms ease-out, visibility 0s 150ms; } main.menu-active { border-radius: 0.001px; transform: translateX(16em) rotateY(15deg); } main.menu-active:after { visibility: visible; opacity: 1; transition: opacity 150ms ease-out, visibility 0s; } main.menu-hover { border-radius: 0.001px; transform: translateX(1em) rotateY(1deg); } main section { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding: 1em 4em; max-width: 680px; overflow: auto; background-color: rgba(255, 255, 255, 0.753); } section h1 { font-weight: 800; font-size: 2em; } section p { display: inline-block; margin: 16px 0; } nav h1 button { cursor: pointer; position: absolute; top: -17px; left: 30%; height: 100px; background-color: transparent; border: 0; font-size: 26px; color: #fff; } nav h1 button:hover { color: #353441; } .logo { z-index: 1; position: absolute; width: 150px; top: 0; left: 82%; } .box { display: flex; border: 2px solid black; height: 50vh; border-radius: 5px; box-shadow: 5px 20px 50px #000; padding-bottom: 2rem; } h3 { margin: 15px; padding-top: 1rem; } .copyright{ margin-top: 2rem; font-family: sans-serif; text-align: center; } .copyright hr{ background-color: black; } </style> </head> <body> <nav class="menu-activea"> <h1 class="hamb"> <button id="open"> <i class="fas fa-bars"></i> </button> </h1> <ul> <a href="{% url 'ChatBot'%}" rel="noopener noreferrer" style="text-decoration:none ;color: #fff; " > <li style="cursor: pointer"> CHATBOT </li> </a> <li onclick="location.href=' https://drive.google.com/drive/folders/13aPy9KoDX3AWbkeech2AK-EBitiXEcNT';" style="cursor: pointer"> NOTES </li> <a href="{% url 'TimeTable'%}" rel="noopener noreferrer" style="text-decoration:none;color: #fff; "> <li style="cursor: pointer"> TIMETABLE </li> </a> <a href="{% url 'Result'%}" rel="noopener noreferrer" style="text-decoration:none ;color: #fff; "> <li style="cursor: pointer"> RESULT </li> </a> <a href="{% url 'About'%}" rel="noopener noreferrer" style="text-decoration:none ;color: #fff; "> <li> ABOUT </li> </a> <a href="{% url 'FAQ'%}" rel="noopener noreferrer" style="text-decoration:none ;color: #fff; "> <li style="cursor: pointer"> FAQ </li> </a> <a href="{% url 'logout'%}" rel="noopener noreferrer" style="text-decoration:none ;color: #fff;"> <li style="cursor: pointer"> LOGOUT </li> </a> </ul> </nav> <main> <img class="logo" src="{% static 'image/HAUS.png' %}" > <section> <br /><br /><br /> <h1>HAUS-Connect</h1> <small>Student's Portal</small> <br /> <div class="container"> <p> HAUS-Connect is platform where all the faculties can send notice,Schedule Exam and Schedule Lectures. Any action performed by faculty will send a text message to all the students informing them about any upcoming events. HAUS-Connect aims to decrease the ridge between Student and Faculty.It is a firm of the Students,by the Students, for the Students. </p> </div> <div class="container"> <h3>Announcement </h3> <div class="box"> <center> {% for t in t1 %} {{ t }}<br> {% endfor %} </center> </div> </div> <div class="container"> <h3>Lectures</h3> <div class="box"> {% for t in t2 %} You have a {{t.subject}} extra class on {{t.date}} from {{t.time_start}} to {{t.time_end}} <br> {% endfor %} </div> </div> <div class="container"> <h3>Exam</h3> <div class="box"> {% for t in t3 %} You have a {{t.subject}} extra class on {{t.date}} from {{t.time_start}} to {{t.time_end}} <br> {% endfor %} </div> </div> <div class="copyright"> <hr> <h3> © 2021 HAUS - All Rights Reserved </h3> </div> </section> </main> <script> (function () { var nav = $("nav"), menu = $("nav h1"), main = $("main"), open = false, hover = false; menu.on("click", function () { open = !open ? true : false; nav.toggleClass("menu-active"); main.toggleClass("menu-active"); nav.removeClass("menu-hover"); main.removeClass("menu-hover"); console.log(open); }); menu.hover( function () { if (!open) { nav.addClass("menu-hover"); main.addClass("menu-hover"); } }, function () { nav.removeClass("menu-hover"); main.removeClass("menu-hover"); } ); })(); </script> </body> </html> {% else %} <html> <head> <title> {% block title %}Please Login {% endblock %} </title> </head> <body class="main"> <h1 class="ml5"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters letters-left">HAUS</span> <span class="letters ampersand">~</span> <span class="letters letters-right">Connect</span> <span class="line line2"></span> </span> </h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> <center> <p style="color:#f2f2f4">Sadly you are not logged in</p> </center> <center> <h2><a href="/login" style="color:#f2f2f4"> Login Here</a></h2> </center> </body> <link rel="stylesheet" href="{% static 'Teacher/css/base.css' %}"> <script type="text/javascript" src="{% static 'Teacher/js/base.js' %}"></script> <style> .main{ background: url("{%static 'Register/images/1.jpg'%}") no-repeat center/ cover; } </style> </html> {% endif %} |
HTML
<!-- Time Table -->{% load static %} {% if user.is_authenticated %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>TIMETABLE</title> <link rel="stylesheet" type="text/css" href="{% static 'css/Timetable.css' %}" /> </head> <body> <div class="limiter"> <div class="container-table100" > <div class="wrap-table100"> <div class="table100 ver3"> <table data-vertable="ver3"> <thead> <tr class="row100 head"> <th class="column100 column1" data-column="column1"></th> <th class="column100 column2" data-column="column2"> Sunday </th> <th class="column100 column3" data-column="column3"> Monday </th> <th class="column100 column4" data-column="column4"> Tuesday </th> <th class="column100 column5" data-column="column5"> Wednesday </th> <th class="column100 column6" data-column="column6"> Thursday </th> <th class="column100 column7" data-column="column7"> Friday </th> <th class="column100 column8" data-column="column8"> Saturday </th> </tr> </thead> <tbody> <tr class="row100"> <td class="column100 column1" data-column="column1"> 8:00 AM - 9:00 AM </td> <td class="column100 column2" data-column="column2"> -- </td> <td class="column100 column3" data-column="column3">Data Structures</td> <td class="column100 column4" data-column="column4">Digital Electronics</td> <td class="column100 column5" data-column="column5">Microprocessor Programming</td> <td class="column100 column6" data-column="column6">OOPS With Java</td> <td class="column100 column7" data-column="column7"> Open Elective </td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 9:00 AM - 10:00 AM </td> <td class="column100 column2" data-column="column2">--</td> <td class="column100 column3" data-column="column3"> Discrete Math </td> <td class="column100 column4" data-column="column4"> Discrete Math </td> <td class="column100 column5" data-column="column5">OOPS With Java</td> <td class="column100 column6" data-column="column6"> Data Structures </td> <td class="column100 column7" data-column="column7">Data Structures - Lab</td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 10:00 AM - 11:00 AM </td> <td class="column100 column2" data-column="column2"> -- </td> <td class="column100 column3" data-column="column3">Open Elective</td> <td class="column100 column4" data-column="column4">Data Structures - Lab</td> <td class="column100 column5" data-column="column5">Data Structures</td> <td class="column100 column6" data-column="column6">Discrete Math</td> <td class="column100 column7" data-column="column7"> OOPS With Java </td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 11:00 AM - 12:00 PM </td> <td class="column100 column2" data-column="column2">--</td> <td class="column100 column3" data-column="column3"> Microprocessor Programming - Lab </td> <td class="column100 column4" data-column="column4"> OOPS With Java </td> <td class="column100 column5" data-column="column5">Open Elective</td> <td class="column100 column6" data-column="column6"> Digital Electronics - Lab </td> <td class="column100 column7" data-column="column7">Microprocessor Programming</td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 12:00 PM - 1:00 PM </td> <td class="column100 column2" data-column="column2"> -- </td> <td class="column100 column3" data-column="column3">Digital Electronics</td> <td class="column100 column4" data-column="column4">Microprocessor Programming</td> <td class="column100 column5" data-column="column5"> Discrete Math - Tutorial </td> <td class="column100 column6" data-column="column6">Microprocessor Programming - Lab</td> <td class="column100 column7" data-column="column7"> OOPS With Java - Lab </td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 1:00 PM - 2:00 PM </td> <td class="column100 column2" data-column="column2">--</td> <td class="column100 column3" data-column="column3"> Discrete Math </td> <td class="column100 column4" data-column="column4"> OOPS With Java - Lab </td> <td class="column100 column5" data-column="column5">Data Structures</td> <td class="column100 column6" data-column="column6">Digital Electronics</td> <td class="column100 column7" data-column="column7">Discrete Math</td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 2:00 PM - 3:00 PM </td> <td class="column100 column2" data-column="column2"> -- </td> <td class="column100 column3" data-column="column3">--</td> <td class="column100 column4" data-column="column4">--</td> <td class="column100 column5" data-column="column5">--</td> <td class="column100 column6" data-column="column6">--</td> <td class="column100 column7" data-column="column7"> -- </td> <td class="column100 column8" data-column="column8">--</td> </tr> <tr class="row100"> <td class="column100 column1" data-column="column1"> 3:00 PM - 4:00 PM </td> <td class="column100 column2" data-column="column2">--</td> <td class="column100 column3" data-column="column3">--</td> <td class="column100 column4" data-column="column4">--</td> <td class="column100 column5" data-column="column5">--</td> <td class="column100 column6" data-column="column6">--</td> <td class="column100 column7" data-column="column7">--</td> <td class="column100 column8" data-column="column8">--</td> </tr> </tbody> </table> </div> </div> </div> </div> <!--===============================================================================================--> <script src="{% static 'js/jquery.js' %}"></script> <!--===============================================================================================--> <script src="{% static 'js/TimeTable.js' %}"></script> <style> .container-table100{ background: url("{%static 'image/1.jpg'%}") no-repeat center/ cover;} </style> </body> </html> {% else %} <html> <head> <title> {% block title %}Please Login {% endblock %} </title> </head> <body class="main"> <h1 class="ml5"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters letters-left">HAUS</span> <span class="letters ampersand">~</span> <span class="letters letters-right">Connect</span> <span class="line line2"></span> </span> </h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> <center> <p style="color:#f2f2f4">Sadly you are not logged in</p> </center> <center> <h2><a href="/login" style="color:#f2f2f4"> Login Here</a></h2> </center> </body> <link rel="stylesheet" href="{% static 'Teacher/css/base.css' %}"> <script type="text/javascript" src="{% static 'Teacher/js/base.js' %}"></script> <style> .main{ background: url("{%static 'Register/images/1.jpg'%}") no-repeat center/ cover; } </style> </html> {% endif %} |
views.py
This file lets us manage how the page will be displayed and who will be able to see the page.
Python3
from Teacher.models import Announcements, Exam, Class from django.shortcuts import render from django.contrib.auth import logout from django.http import HttpResponse, HttpResponseRedirect # Create your views here. def home(response): t1 = Announcements.objects.all() t2 = Class.objects.all() t3 = Exam.objects.all() return render(response, "Student/student_home.html", {"t1": t1, "t2": t2, "t3": t3}) def chatbot(response): return render(response, "Student/ChatBot.html") def timetable(response): return render(response, "Student/TimeTable.html") def result(response): return render(response, "Student/Result.html") def faq(response): return render(response, "Student/faq.html") def logout_request(request): logout(request) return render(request, "Student/student_home.html", {}) def about(request): return render(request, "Student/About.html", {}) |
urls.py
Here we set paths for our templates.
Python3
from django.urls import path from . import views urlpatterns = [ path("student_home/", views.home, name="Home"), path("chatbot/", views.chatbot, name="ChatBot"), path("FAQ/", views.faq, name="FAQ"), path("Result/", views.result, name="Result"), path("TimeTable/", views.timetable, name="TimeTable"), path("logout/", views.logout_request, name="logout"), path("about/", views.about, name="About") ] |
HAUS Connect – Python Project
One of the most common problems faced by college students is that we have very erratic timetables and it is a cumbersome task to keep up with them, these issues have been amplified enormously during these pandemic times where everyone is on their own. The purpose of this application is to help students keep track of their classes, tests, and assignments as well as assist in streamlining communication between faculty and students. HAUS-Connect is a platform where faculty of college can schedule or reschedule the meetings or lectures, they also can set reminders for tests and upload study material too. A chatbot will help look for study material. Basically, we want to make sure that none of us miss any deadlines. At the moment this is for college students but its versatility is immense, it can be used on a large scale for communications throughout an enterprise, a single system that manages leaves granted, leave balance, pending work, etc.
Contact Us