Committing the Project and some application files

DemoProject/asgi.py

+"""
+ASGI config for DemoProject project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.0/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'DemoProject.settings')
+
+application = get_asgi_application()

DemoProject/settings.py

+"""
+Django settings for DemoProject project.
+
+Generated by 'django-admin startproject' using Django 3.0.3.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.0/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/3.0/ref/settings/
+"""
+
+import os
+
+# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/3.0/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = '!3-gwi-1#5-4**85xb#z(t-8#ayc#*gguw4v4+fkax4037sp=)'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'FirstApp.apps.FirstappConfig',
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'bootstrap4',
+    'rest_framework',
+    'os'
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'DemoProject.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'DemoProject.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/3.0/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'djongo',
+        'NAME': 'DjangoDB',
+        'HOST': 'mongodb+srv://Ishan:Ishan123@afcluster-ev5ge.mongodb.net/DjangoDB?retryWrites=true&w=majority',
+        'USER': 'Ishan',
+        'PASSWORD': 'Ishan123'
+
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/3.0/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/3.0/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/3.0/howto/static-files/
+
+STATIC_URL = '/static/'
+
+STATICFILES_DIRS = [
+    os.path.join(BASE_DIR, 'static'),
+]
+STATIC_ROOT = os.path.join(BASE_DIR, 'assets')
+
+
+# media files
+
+MEDIA_URL = '/media/'
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
\ No newline at end of file

DemoProject/urls.py

+"""DemoProject URL Configuration
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/3.0/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path, include
+from django.conf import settings
+from django.conf.urls.static import static
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('', include('FirstApp.urls'))
+]
+
+urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file

DemoProject/wsgi.py

+"""
+WSGI config for DemoProject project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.0/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'DemoProject.settings')
+
+application = get_wsgi_application()

FirstApp/admin.py

+from django.contrib import admin
+from . models import Teachers, RegisterUser
+
+admin.site.register(Teachers)
+admin.site.register(RegisterUser)

FirstApp/apps.py

+from django.apps import AppConfig
+
+
+class FirstappConfig(AppConfig):
+    name = 'FirstApp'

FirstApp/emotion_detector.py

+from tensorflow.keras.models import load_model
+from time import sleep
+from keras.preprocessing.image import img_to_array
+from keras.preprocessing import image
+import cv2
+import os
+import numpy as np
+from . models import VideoMeta
+
+
+def detect_emotion(video):
+    BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+    face_classifier = cv2.CascadeClassifier(os.path.join(BASE_DIR, 'FirstApp\classifiers\haarcascade_frontalface_default.xml'))
+    classifier_path = os.path.join(BASE_DIR, 'FirstApp\classifiers\Emotion_little_vgg.h5')
+    classifier = load_model(classifier_path)
+    path = ''
+    meta_data = VideoMeta()
+
+    class_labels = ['Angry', 'Happy', 'Neutral', 'Sad', 'Surprise']
+
+
+    cap = cv2.VideoCapture(video)
+    fps = cap.get(cv2.CAP_PROP_FPS)  # OpenCV2 version 2 used "CV_CAP_PROP_FPS"
+    frame_count = int(cap.get(cv2.CAP_PROP_FRAME_COUNT))
+
+    #taking a count on each label
+    count_frames = 0
+    count_angry = 0
+    count_happy = 0
+    count_sad = 0
+    count_neutral = 0
+    count_surprise = 0
+
+    while (count_frames < frame_count):
+        # Grab a single frame of video
+        ret, frame = cap.read()
+        labels = []
+        gray = cv2.cvtColor(frame, cv2.COLOR_BGR2GRAY)
+        faces = face_classifier.detectMultiScale(gray,1.3,5)
+
+        for (x, y, w, h) in faces:
+            cv2.rectangle(frame, (x, y), (x+w, y+h), (255, 0, 0), 2)
+            roi_gray = gray[y:y+h, x:x+w]
+            roi_gray = cv2.resize(roi_gray, (48, 48), interpolation=cv2.INTER_AREA)
+        # rect,face,image = face_detector(frame)
+
+
+            if np.sum([roi_gray])!=0:
+                roi = roi_gray.astype('float')/255.0
+                roi = img_to_array(roi)
+                roi = np.expand_dims(roi, axis=0)
+
+            # make a prediction on the ROI, then lookup the class
+
+                preds = classifier.predict(roi)[0]
+                label = class_labels[preds.argmax()]
+
+                # counting the number of frames for each label, to calculate the percentage for each emotion later on...
+
+                if (label == 'Anger'):
+                    count_angry += 1
+                    # path = os.path.join(BASE_DIR, 'static\\images\\Anger')
+                    # cv2.imwrite(os.path.join(path, 'Anger-{0}.jpg'.format(count)), frame)
+
+                elif (label == 'Happy'):
+                    count_happy += 1
+                    # path = os.path.join(BASE_DIR, 'static\\images\\Happy')
+                    # cv2.imwrite(os.path.join(path, 'Happy-{0}.jpg'.format(count)), frame)
+
+                elif (label == 'Neutral'):
+                    count_neutral += 1
+                    # path = os.path.join(BASE_DIR, 'static\\images\\Neutral')
+                    # cv2.imwrite(os.path.join(path, 'Neutral-{0}.jpg'.format(count)), frame)
+
+                elif (label == 'Sad'):
+                    count_sad += 1
+                    # path = os.path.join(BASE_DIR, 'static\\images\\Sad')
+                    # cv2.imwrite(os.path.join(path, 'Sad-{0}.jpg'.format(count)), frame)
+
+                elif (label == 'Surprise'):
+                    count_surprise += 1
+                    # path = os.path.join(BASE_DIR, 'static\\images\\Surprise')
+                    # cv2.imwrite(os.path.join(path, 'Surprise-{0}.jpg'.format(count)), frame)
+
+                label_position = (x, y)
+                cv2.putText(frame, label, label_position, cv2.FONT_HERSHEY_SIMPLEX, 2, (0, 255, 0), 3)
+                # cv2.imwrite("".format(label, count), frame)
+            else:
+                cv2.putText(frame, 'No Face Found', (20, 60), cv2.FONT_HERSHEY_SIMPLEX, 2, (0, 255, 0), 3)
+
+        # cv2.imshow('Emotion Detector',frame)
+        count_frames += 1
+        if cv2.waitKey(1) & 0xFF == ord('q'):
+            break
+
+    # setting up the counted values
+
+    meta_data.frame_count = count_frames
+    meta_data.happy_count = count_happy
+    meta_data.sad_count = count_sad
+    meta_data.angry_count = count_angry
+    meta_data.neutral_count = count_neutral
+    meta_data.surprise_count = count_surprise
+
+    cap.release()
+    cv2.destroyAllWindows()
+
+    return meta_data
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

FirstApp/migrations/0001_initial.py

+# Generated by Django 3.0.3 on 2020-03-04 11:15
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Teachers',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('firstName', models.CharField(max_length=10)),
+                ('lastName', models.CharField(max_length=15)),
+                ('age', models.IntegerField()),
+            ],
+        ),
+    ]

FirstApp/migrations/0002_registeruser_video_videometa.py

+# Generated by Django 2.2.11 on 2020-03-16 12:47
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('FirstApp', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='RegisterUser',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('firstName', models.CharField(max_length=20)),
+                ('lastName', models.CharField(max_length=30)),
+                ('email', models.CharField(max_length=30)),
+                ('password', models.CharField(max_length=50)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='Video',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100)),
+                ('path', models.CharField(max_length=100)),
+                ('duration', models.CharField(max_length=100)),
+                ('hours', models.IntegerField()),
+                ('minutes', models.IntegerField()),
+                ('seconds', models.IntegerField()),
+            ],
+        ),
+        migrations.CreateModel(
+            name='VideoMeta',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('fps', models.IntegerField()),
+                ('frame_count', models.IntegerField()),
+                ('happy_count', models.IntegerField()),
+                ('sad_count', models.IntegerField()),
+                ('angry_count', models.IntegerField()),
+                ('neutral_count', models.IntegerField()),
+                ('surprise_count', models.IntegerField()),
+                ('happy_perct', models.IntegerField()),
+                ('sad_perct', models.IntegerField()),
+                ('angry_perct', models.IntegerField()),
+                ('neutral_perct', models.IntegerField()),
+                ('surprise_perct', models.IntegerField()),
+            ],
+        ),
+    ]

FirstApp/models.py

+from django.db import models
+
+class Teachers(models.Model):
+    firstName = models.CharField(max_length=10)
+    lastName = models.CharField(max_length=15)
+    age = models.IntegerField()
+
+    def __str__(self):
+        return self.firstName
+
+
+class Video(models.Model):
+    name = models.CharField(max_length=100)
+    path = models.CharField(max_length=100)
+    duration = models.CharField(max_length=100)
+    hours = models.IntegerField()
+    minutes = models.IntegerField()
+    seconds = models.IntegerField()
+
+    def __str__(self):
+        return self.name
+
+class VideoMeta(models.Model):
+    fps = models.IntegerField()
+    frame_count = models.IntegerField()
+    happy_count = models.IntegerField()
+    sad_count = models.IntegerField()
+    angry_count = models.IntegerField()
+    neutral_count = models.IntegerField()
+    surprise_count = models.IntegerField()
+    happy_perct = models.IntegerField()
+    sad_perct = models.IntegerField()
+    angry_perct = models.IntegerField()
+    neutral_perct = models.IntegerField()
+    surprise_perct = models.IntegerField()
+
+    def __int__(self):
+        return self.frame_count
+
+    def calcHappyPerct(self):
+        self.happy_perct = int((self.happy_count / self.frame_count) * 100)
+
+    def calcSadPerct(self):
+        self.sad_perct = int((self.sad_count / self.frame_count) * 100)
+
+    def calcAngryPerct(self):
+        self.angry_perct = int((self.angry_count / self.frame_count) * 100)
+
+    def calcNeutralPerct(self):
+        self.neutral_perct = int((self.neutral_count / self.frame_count) * 100)
+
+    def calcSurprisePerct(self):
+        self.surprise_perct = int((self.surprise_count / self.frame_count) * 100)
+
+    def calcPercentages(self):
+        self.calcHappyPerct()
+        self.calcAngryPerct()
+        self.calcSadPerct()
+        self.calcNeutralPerct()
+        self.calcSurprisePerct()
+
+
+class RegisterUser(models.Model):
+    firstName = models.CharField(max_length=20)
+    lastName = models.CharField(max_length=30)
+    email = models.CharField(max_length=30)
+    password = models.CharField(max_length=50)
+
+    def __str__(self):
+        return self.firstName

FirstApp/serializers.py

+from rest_framework import serializers
+from .models import Teachers, RegisterUser
+
+class TeachersSerializer(serializers.ModelSerializer):
+
+    class Meta:
+        model = Teachers
+        fields = ('firstName', 'lastName')
+# fields = __all__
+
+class RegisterUserSerializer(serializers.ModelSerializer):
+
+    class Meta:
+        model = RegisterUser
+        fields = ('firstName', 'lastName', 'email', 'password')

FirstApp/templates/FirstApp/base.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="style.css">
+    <title>{% block title %}My amazing site{% endblock %}</title>
+</head>
+
+<body>
+    <div id="sidebar">
+        {% block sidebar %}
+        <ul>
+            <li><a href="/">Home</a></li>
+            <li><a href="/blog/">Blog</a></li>
+        </ul>
+        {% endblock %}
+    </div>
+
+    <div id="content">
+        {% block content %}{% endblock %}
+    </div>
+</body>
+</html>
\ No newline at end of file

FirstApp/templates/FirstApp/child.html

+{% extends "FirstApp/base.html" %}
+
+{% block title %}My amazing blog{% endblock %}
+
+{% block content %}
+{% for entry in blog_entries %}
+    <h2>{{ entry.title }}</h2>
+    <p>{{ entry.body }}</p>
+{% endfor %}
+{% endblock %}
\ No newline at end of file

FirstApp/templates/FirstApp/forgot-password.html

+<!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, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>SB Admin 2 - Forgot Password</title>
+
+  <!-- Custom fonts for this template-->
+  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+  <!-- Custom styles for this template-->
+  <link href="css/sb-admin-2.min.css" rel="stylesheet">
+
+</head>
+
+<body class="bg-gradient-primary">
+
+  <div class="container">
+
+    <!-- Outer Row -->
+    <div class="row justify-content-center">
+
+      <div class="col-xl-10 col-lg-12 col-md-9">
+
+        <div class="card o-hidden border-0 shadow-lg my-5">
+          <div class="card-body p-0">
+            <!-- Nested Row within Card Body -->
+            <div class="row">
+              <div class="col-lg-6 d-none d-lg-block bg-password-image"></div>
+              <div class="col-lg-6">
+                <div class="p-5">
+                  <div class="text-center">
+                    <h1 class="h4 text-gray-900 mb-2">Forgot Your Password?</h1>
+                    <p class="mb-4">We get it, stuff happens. Just enter your email address below and we'll send you a link to reset your password!</p>
+                  </div>
+                  <form class="user">
+                    <div class="form-group">
+                      <input type="email" class="form-control form-control-user" id="exampleInputEmail" aria-describedby="emailHelp" placeholder="Enter Email Address...">
+                    </div>
+                    <a href="login.html" class="btn btn-primary btn-user btn-block">
+                      Reset Password
+                    </a>
+                  </form>
+                  <hr>
+                  <div class="text-center">
+                    <a class="small" href="register.html">Create an Account!</a>
+                  </div>
+                  <div class="text-center">
+                    <a class="small" href="login.html">Already have an account? Login!</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+  </div>
+
+  <!-- Bootstrap core JavaScript-->
+  <script src="vendor/jquery/jquery.min.js"></script>
+  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+  <!-- Core plugin JavaScript-->
+  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
+
+  <!-- Custom scripts for all pages-->
+  <script src="js/sb-admin-2.min.js"></script>
+
+</body>
+
+</html>

FirstApp/templates/FirstApp/login.html

+
+{% load static %}
+
+<!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, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>SB Admin 2 - Login</title>
+
+  <!-- Custom fonts for this template-->
+  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+
+  <!-- Custom styles for this template-->
+  <link href="{% static 'FirstApp/css/sb-admin-2.min.css' %}" rel="stylesheet">
+
+</head>
+
+<body class="bg-gradient-primary">
+
+  <div class="container">
+
+    <!-- Outer Row -->
+    <div class="row justify-content-center">
+
+      <div class="col-xl-10 col-lg-12 col-md-9">
+
+        <div class="card o-hidden border-0 shadow-lg my-5">
+          <div class="card-body p-0">
+            <!-- Nested Row within Card Body -->
+            <div class="row">
+              <div class="col-lg-6 d-none d-lg-block bg-login-image"></div>
+              <div class="col-lg-6">
+                <div class="p-5">
+                  <div class="text-center">
+                    <h1 class="h4 text-gray-900 mb-4">Welcome Back!</h1>
+                  </div>
+                  <form class="user">
+                    <div class="form-group">
+                      <input type="email" class="form-control form-control-user" id="exampleInputEmail" aria-describedby="emailHelp" placeholder="Enter Email Address...">
+                    </div>
+                    <div class="form-group">
+                      <input type="password" class="form-control form-control-user" id="exampleInputPassword" placeholder="Password">
+                    </div>
+                    <div class="form-group">
+                      <div class="custom-control custom-checkbox small">
+                        <input type="checkbox" class="custom-control-input" id="customCheck">
+                        <label class="custom-control-label" for="customCheck">Remember Me</label>
+                      </div>
+                    </div>
+                    <a href="index.html" class="btn btn-primary btn-user btn-block">
+                      Login
+                    </a>
+                    <hr>
+                    <a href="index.html" class="btn btn-google btn-user btn-block">
+                      <i class="fab fa-google fa-fw"></i> Login with Google
+                    </a>
+                    <a href="index.html" class="btn btn-facebook btn-user btn-block">
+                      <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
+                    </a>
+                  </form>
+                  <hr>
+                  <div class="text-center">
+                    <a class="small" href="forgot-password.html">Forgot Password?</a>
+                  </div>
+                  <div class="text-center">
+                    <a class="small" href="register.html">Create an Account!</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+  </div>
+
+  <!-- Bootstrap core JavaScript-->
+  <script src="vendor/jquery/jquery.min.js"></script>
+  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+  <!-- Core plugin JavaScript-->
+  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
+
+  <!-- Custom scripts for all pages-->
+  <script src="js/sb-admin-2.min.js"></script>
+
+</body>
+
+</html>

FirstApp/templates/FirstApp/register.html

+<!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, shrink-to-fit=no">
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <title>SB Admin 2 - Register</title>
+  {% load static %}
+  <link href="{% static 'FirstApp/vendor/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
+  <link href="{% static 'FirstApp/css/sb-admin-2.min.css' %}" rel="stylesheet">
+
+</head>
+
+<body class="bg-gradient-primary">
+
+  <script type="text/javascript">
+    function insert() {
+      fetch('http://127.0.0.1:8000/register/', {
+        method: 'POST',
+        headers: {
+          "Content-type": "application/json"
+        },
+        body: JSON.stringify({
+          "firstName": document.getElementById('exampleFirstName').value,
+          "lastName": document.getElementById('exampleLastName').value,
+          "email": document.getElementById('exampleInputEmail').value,
+          "password": document.getElementById('exampleInputPassword').value
+        })
+      })
+      .then(resposne => resposne.json())
+      .then(json => {
+          if (json) {
+            alert('successfully inserted');
+          }
+        }
+      )
+    }
+  </script>
+
+  <div class="container">
+
+    <div class="card o-hidden border-0 shadow-lg my-5">
+      <div class="card-body p-0">
+        <!-- Nested Row within Card Body -->
+        <div class="row">
+          <div class="col-lg-5 d-none d-lg-block bg-register-image"></div>
+          <div class="col-lg-7">
+            <div class="p-5">
+              <div class="text-center">
+                <h1 class="h4 text-gray-900 mb-4">Create an Account!</h1>
+              </div>
+              <form action="#" class="user">
+                <div class="form-group row">
+                  <div class="col-sm-6 mb-3 mb-sm-0">
+                    <input type="text" class="form-control form-control-user" id="exampleFirstName" placeholder="First Name">
+                  </div>
+                  <div class="col-sm-6">
+                    <input type="text" class="form-control form-control-user" id="exampleLastName" placeholder="Last Name">
+                  </div>
+                </div>
+                <div class="form-group">
+                  <input type="email" class="form-control form-control-user" id="exampleInputEmail" placeholder="Email Address">
+                </div>
+                <div class="form-group row">
+                  <div class="col-sm-6 mb-3 mb-sm-0">
+                    <input type="password" class="form-control form-control-user" id="exampleInputPassword" placeholder="Password">
+                  </div>
+                  <div class="col-sm-6">
+                    <input type="password" class="form-control form-control-user" id="exampleRepeatPassword" placeholder="Repeat Password">
+                  </div>
+                </div>
+                <button type="submit" class="btn btn-primary btn-user btn-block" onclick="insert()">
+                  Register Account
+                </button>
+                <hr>
+                <a href="index.html" class="btn btn-google btn-user btn-block">
+                  <i class="fab fa-google fa-fw"></i> Register with Google
+                </a>
+                <a href="index.html" class="btn btn-facebook btn-user btn-block">
+                  <i class="fab fa-facebook-f fa-fw"></i> Register with Facebook
+                </a>
+              </form>
+              <hr>
+              <div class="text-center">
+                <a class="small" href="forgot-password.html">Forgot Password?</a>
+              </div>
+              <div class="text-center">
+                <a class="small" href="login.html">Already have an account? Login!</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+
+  <!-- Bootstrap core JavaScript-->
+  <script src="{% static 'FirstApp/vendor/jquery/jquery.js' %}"></script>
+  <script src="{% static 'FirstApp/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
+
+  <!-- Core plugin JavaScript-->
+  <script src="{% static 'FirstApp/vendor/jquery-easing/jquery.easing.min.js' %}"></script>
+
+  <!-- Custom scripts for all pages-->
+  <script src="{% static 'FirstApp/js/sb-admin-2.min.js' %}"></script>
+
+</body>
+
+</html>

FirstApp/templates/FirstApp/video.html

+{% extends 'FirstApp/template.html' %}
+<!DOCTYPE html>
+<html lang="en">
+<body id="page-top">
+    <!-- Page Wrapper -->
+
+  <div id="wrapper">
+    <!-- Sidebar -->
+
+    <!-- Content Wrapper -->
+    <div id="content-wrapper" class="d-flex flex-column">
+
+      <!-- Main Content -->
+      <div id="content">
+
+        <!-- Begin Page Content -->
+        {% block 'container-fluid' %}
+        <div class="container-fluid">
+          {% load static %}
+          <!-- Page Heading -->
+
+          <div class="d-sm-flex align-items-center justify-content-between mb-4">
+            <h1 class="h3 mb-0 text-gray-800">{{video_name}}</h1>
+            <a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-download fa-sm text-white-50"></i> Generate Report</a>
+          </div>
+
+<!--          &lt;!&ndash; Content Row &ndash;&gt;-->
+          <div class="row">
+
+            <!-- Earnings (Monthly) Card Example -->
+            <div class="col-xl-12 col-md-6 mb-4">
+              <div class="card border-left-primary shadow h-100 py-2">
+                <div class="card-body">
+                  <div class="row">
+                    <div class="col-3">
+                      <video width="500" height="300" controls>
+                        <source src="{% static '' %}FirstApp/videos/{{video_name}}" type="video/mp4">
+                        Your browser does not support the video tag.
+                      </video>
+                    </div>
+
+                    <div class="col-3"></div>
+                    <!--progress bars-->
+<!--                    showing the percentage for each emotion-->
+                    <div class="col-6">
+                      <h2 class="big font-weight-bold">Emotion Detection</h2>
+                      <h4 class="small font-weight-bold">Anger
+                        <span class="float-right">{{meta.angry_perct}}%</span></h4>
+                      <div class="progress mb-4">
+                        <div class="progress-bar bg-danger" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                      <h4 class="small font-weight-bold">Happy
+                        <span class="float-right">{{meta.happy_perct}}%</span></h4>
+                      <div class="progress mb-4">
+                        <div class="progress-bar bg-warning" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                      <h4 class="small font-weight-bold">Sadness
+                        <span class="float-right">{{meta.sad_perct}}%</span></h4>
+                      <div class="progress mb-4">
+                        <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                      <h4 class="small font-weight-bold">Surprise
+                        <span class="float-right">{{meta.surprise_perct}}%</span></h4>
+                      <div class="progress mb-4">
+                        <div class="progress-bar bg-info" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                      <h4 class="small font-weight-bold">Neutral
+                        <span class="float-right">{{meta.neutral_perct}}%</span></h4>
+                      <div class="progress">
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+
+                      <div class="form-control">
+                        <button type="button" id="test" data-target="#gif-body" data-toggle="modal">Test</button>
+                      </div>
+
+                    </div>
+
+                  </div>
+
+                  <div class="row">
+                    <h2 class="big font-weight-bold">Eye Gaze Estimation</h2>
+                  </div>
+
+                  <div class="row">
+                    <div class="col-6">
+                      <div class="progress">
+                        <div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+                      </div>
+                    </div>
+                  </div>
+
+                </div>
+              </div>
+            </div>
+
+          </div>
+
+        </div>
+        {% endblock %}
+        <!-- End of container-fluid -->
+
+      </div>
+      <!-- End of Main Content -->
+
+    </div>
+    <!-- End of Content Wrapper -->
+
+  </div>
+
+  {% block 'modal' %}
+    <div class="modal fade" id="gif-body" role="dialog" aria-labelledby="gif-body">
+      <div class="modal-dialog modal-lg" style="max-width: 1600px; max-height: 800px">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h2 class="modal-title">Processing....</h2>
+            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">×</span>
+            </button>
+          </div>
+
+          <div class="modal-body text-center">
+            <img src="{% static 'FirstApp/images/ajax-loader.gif' %}" width="200" height="500" alt="This is a GIF">
+            <h5>This might take few seconds...</h5>
+          </div>
+        </div>
+      </div>
+   </div>
+  {% endblock %}
+
+</body>
+</html>
\ No newline at end of file

FirstApp/tests.py

+from django.test import TestCase
+
+# Create your tests here.

FirstApp/urls.py

+from django.urls import path, re_path, include
+from django.conf.urls import url
+from rest_framework import routers
+from . import views
+
+router = routers.DefaultRouter()
+router.register(r'^register', views.RegisterViewSet)
+
+urlpatterns = [
+    path('', views.hello),
+    path('login', views.login),
+    path('register-user', views.register),
+    path('404', views.view404),
+    path('blank', views.blank),
+    path('buttons', views.buttons),
+    path('cards', views.cards),
+    path('charts', views.charts),
+    path('forgot-password', views.forget_password),
+    path('webcam', views.webcam),
+    path('template', views.template),
+    path('base', views.base),
+    path('child', views.child),
+    # re_path('video/?video_name<str:video_name>', views.video),
+    url(r'^teachers/', views.teachersList.as_view()),
+    url(r'^video/', views.video, name='video'),
+
+    # routers
+    # path('', include(router.urls)),
+    path('api-auth/', include('rest_framework.urls', namespace='rest_framework'))
+]
+from rest_framework.urlpatterns import format_suffix_patterns
+

FirstApp/views.py

+from django.shortcuts import render, redirect
+from django.http import HttpResponse
+from django.shortcuts import get_object_or_404
+from rest_framework.views import APIView
+from rest_framework.response import Response
+from rest_framework import viewsets
+from rest_framework import status
+from . models import Teachers, Video, VideoMeta, RegisterUser
+from . serializers import TeachersSerializer, RegisterUserSerializer
+from . emotion_detector import detect_emotion
+import cv2
+import os
+import datetime
+
+# Create your views here.
+
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+class teachersList(APIView):
+
+    def get(self, request):
+        teachers = Teachers.objects.all()
+        serializer = TeachersSerializer(teachers, many=True)
+        return Response(serializer.data)
+
+    def post(self):
+        pass
+
+class RegisterViewSet(viewsets.ModelViewSet):
+
+    queryset = RegisterUser.objects.all().order_by('firstName')
+    serializer_class = RegisterUserSerializer
+
+def hello(request):
+    # page = '<h1>THIS IS MY HOME</h1>' + '<h2> Hello Ishan</h2>' + '<button>Click Me</button>'
+    obj = {'Message': 'Student and Lecturer Performance Enhancement System'}
+    folder = os.path.join(BASE_DIR, os.path.join('static\\FirstApp\\videos'))
+    videoPaths = [os.path.join(folder, file) for file in os.listdir(folder)]
+    videos = []
+    durations = []
+
+    for videoPath in videoPaths:
+        video = Video()
+        cap = cv2.VideoCapture(videoPath)
+        fps = cap.get(cv2.CAP_PROP_FPS)  # OpenCV2 version 2 used "CV_CAP_PROP_FPS"
+        frame_count = int(cap.get(cv2.CAP_PROP_FRAME_COUNT))
+        duration = int(frame_count / fps)
+        durations.append(duration)
+        videoName = os.path.basename(videoPath)
+        # videoName = videos.append(os.path.basename(videoPath))
+        durationObj = datetime.timedelta(seconds=duration)
+        video.path = videoPath
+        video.name = videoName
+        video.duration = str(durationObj)
+        videos.append(video)
+    context = {'object': obj, 'Videos': videos, 'durations': durations, 'template_name': 'FirstApp/template.html'}
+    return render(request, 'FirstApp/Home.html', context)
+
+def view404(request):
+    return render(request, 'FirstApp/404.html')
+
+def blank(request):
+    return render(request, 'FirstApp/blank.html')
+
+def buttons(request):
+    return render(request, 'FirstApp/buttons.html')
+
+def cards(request):
+    return render(request, 'FirstApp/cards.html')
+
+def charts(request):
+    return render(request, 'FirstApp/charts.html')
+
+def forget_password(request):
+    return render(request, 'FirstApp/forgot-password.html')
+
+def login(request):
+    return render(request, 'FirstApp/login.html')
+
+def register(request):
+    return render(request, 'FirstApp/register.html')
+
+def webcam(request):
+    video = cv2.VideoCapture(os.path.join(BASE_DIR, 'static//FirstApp//videos//Classroom_video.mp4'))
+
+    while (True):
+        cap, frame = video.read()
+
+        cv2.imshow("Frame", frame)
+
+        if (cv2.waitKey(1) & 0XFF == ord('q')):
+            break
+
+    video.release()
+    cv2.destroyAllWindows()
+    # video = cv2.imread('D://SLIIT/Year 4//Sample Projects//django_project//DemoProject//static//FirstApp/videos/Classroom_video.mp4')
+
+    return redirect('/')
+
+# to process video for emotion detection
+def video(request):
+    title = 'Student and Lecturer Performance Enhancement System'
+    video_name = request.GET.get('video_name')
+    video_url = os.path.join(BASE_DIR, os.path.join('static\\FirstApp\\videos\\{0}'.format(video_name)))
+    meta_data = detect_emotion(video_url)
+    # meta_data = VideoMeta()
+    # calculating the respective percentages
+    meta_data.calcPercentages()
+    context = {'title': title, 'video_name': video_name, 'url': video_url, 'meta': meta_data}
+
+    return render(request, 'FirstApp/video.html', context)
+
+
+def template(request):
+    obj = {'Message': 'Student and Lecturer Performance Enhancement System'}
+    return render(request, 'FirstApp/template.html', {'template_name': 'FirstApp/template.html', 'object': obj})
+
+def base(request):
+    return render(request, 'FirstApp/base.html')
+
+def child(request):
+    return render(request, 'FirstApp/child.html', {'template_name': 'FirstApp/base.html'})
\ No newline at end of file