diff --git a/cosmos b/cosmos
index 2006c24..8652207 160000
--- a/cosmos
+++ b/cosmos
@@ -1 +1 @@
-Subproject commit 2006c2485eaf090132886f06c8df8b484f66069e
+Subproject commit 8652207157b9d44b5424e3b8631cf11ca5a2988b
diff --git a/cosmos_search/settings.py b/cosmos_search/settings.py
index e5d9ad0..1fb192b 100644
--- a/cosmos_search/settings.py
+++ b/cosmos_search/settings.py
@@ -47,14 +47,14 @@
 # Application definition
 
 INSTALLED_APPS = [
-    'update.apps.UpdateConfig',
-    'search.apps.SearchConfig',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    'update.apps.UpdateConfig',
+    'search.apps.SearchConfig',
 ]
 
 MIDDLEWARE = [
diff --git a/search/admin.py b/search/admin.py
index 6af52da..8c675df 100644
--- a/search/admin.py
+++ b/search/admin.py
@@ -1,3 +1,7 @@
-from django.contrib import admin  # noqa
+from django.contrib import admin
 
-# Register your models here.
+from search.models import Votes
+from search.models import Comment
+
+admin.site.register(Votes)
+admin.site.register(Comment)
diff --git a/search/form.py b/search/form.py
new file mode 100644
index 0000000..f257820
--- /dev/null
+++ b/search/form.py
@@ -0,0 +1,45 @@
+from django import forms
+from .models import Votes
+from .models import Comment
+
+
+VOTES_CHOICES = [
+    ('1', ''),
+    ('2', ''),
+    ['3', ''],
+    ('4', ''),
+    ('5', ''),
+]
+
+
+class VotesForm(forms.Form):
+    project_name = forms.CharField(max_length=500, required=False)
+    ip_address = forms.CharField(max_length=50, required=False)
+    vote_value = forms.ChoiceField(VOTES_CHOICES, required=True,
+                                   widget=forms.RadioSelect(attrs={"onclick": "this.form.submit();",
+                                                                   "class": "votes",
+                                                                   "data-fa-icon": "&#xf005"}))
+
+    def save(self):
+        u = Votes.objects.create(
+            project_name=self.cleaned_data['project_name'],
+            vote_value=self.cleaned_data['vote_value'],
+            ip_address=self.cleaned_data['ip_address'],
+        )
+        u.save()
+        return u
+
+
+class CommentForm(forms.Form):
+    project_name = forms.CharField(max_length=500, required=False)
+    ip_address = forms.CharField(max_length=50, required=False)
+    comment = forms.CharField(max_length=500, required=False)
+
+    def save(self):
+        u = Comment.objects.create(
+            project_name=self.cleaned_data['project_name'],
+            comment=self.cleaned_data['comment'],
+            ip_address=self.cleaned_data['ip_address'],
+        )
+        u.save()
+        return u
diff --git a/search/models.py b/search/models.py
index 9d57c55..46519f0 100644
--- a/search/models.py
+++ b/search/models.py
@@ -1,3 +1,27 @@
-from django.db import models  # noqa
+from django.db import models
 
-# Create your models here.
+VOTES_CHOICES = [
+    ('1', '1'),
+    ('2', '2'),
+    ('3', '3'),
+    ('4', '4'),
+    ('5', '5'),
+]
+
+
+class Votes(models.Model):
+    project_name = models.CharField(max_length=500, null=True, blank=True)
+    vote_value = models.CharField(choices=VOTES_CHOICES, default='1', max_length=20, null=True)
+    ip_address = models.CharField(max_length=50, null=True, blank=True)
+
+    def __str__(self):
+        return self.vote_value
+
+
+class Comment (models.Model):
+    project_name = models.CharField(max_length=500, null=True, blank=True)
+    comment = models.CharField(max_length=500, null=True, blank=True)
+    ip_address = models.CharField(max_length=50, null=True, blank=True)
+
+    def __str__(self):
+        return self.comment
diff --git a/search/templates/cosmos/header.html b/search/templates/cosmos/header.html
index 40f2717..478a211 100644
--- a/search/templates/cosmos/header.html
+++ b/search/templates/cosmos/header.html
@@ -15,10 +15,9 @@
     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css"
-          media="all"/>
-
-    <style>
+    <link rel="stylesheet" href="https://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
+<style>
+        @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
         html {
             position: relative;
             min-height: 100%;
@@ -34,8 +33,8 @@
             display: block;
             text-align: left;
             width: 80%;
-            padding-top: 20px;
-            padding-bottom: 20px;
+            padding-top: 15%;
+            padding-bottom: 15%;
             margin: 0 auto;
         }
 
@@ -43,7 +42,8 @@
             position: absolute;
             bottom: 0;
             width: 100%;
-            padding: 1em;
+            height: 60px;
+            line-height: 60px;
             background-color: #f5f5f5;
         }
 
@@ -52,7 +52,51 @@
             line-height: 1.2 !important;
         }
 
-        .stylish-input-group .input-group-addon {
+        #id_vote_value {
+            display: flex;
+            padding: 0%;
+            list-style-type: none;
+        }
+        #id_vote_value::after {
+            content: '';
+        }
+
+        #id_vote_value li {
+            padding-left: 1%;
+        }
+
+        .votes {
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            -o-appearance: none;
+            -ms-appearance: none;
+            appearance: none;
+            outline: none !important;
+        }
+
+        .votes:after {
+            font-family: 'FontAwesome';
+            display: inline-block;
+            text-align: center;
+            font-size: 20px;
+            content: "\f005";
+            padding: 2 10px;
+            border-radius: 15px;
+            color: rgba(0, 0, 0, 0.4);
+            -webkit-transition: color 1s, -webkit-box-shadow 1s;
+            transition: color 1s, -webkit-box-shadow 1s;
+            transition: box-shadow 1s, color 1s;
+            transition: box-shadow 1s, color 1s, -webkit-box-shadow 1s;
+
+        }
+
+        .votes:checked:after {
+            -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4);
+            box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4);
+            color: rgba(255, 255, 255, 0.6);
+        }
+
+        .stylish-input-group .input-group-addon{
             background: white !important;
         }
 
@@ -76,49 +120,100 @@
     {% block style %}
     {% endblock %}
 
+    <script type="text/javascript">
+        function getUserIP(onNewIP) { //  onNewIp - your listener function for new IPs
+            //compatibility for firefox and chrome
+            var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
+            var pc = new myPeerConnection({
+                    iceServers: []
+                }),
+                noop = function () {
+                },
+                localIPs = {},
+                ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
+                key;
+
+            function iterateIP(ip) {
+                if (!localIPs[ip]) onNewIP(ip);
+                localIPs[ip] = true;
+            }
+
+            //create a bogus data channel
+            pc.createDataChannel("");
+
+            // create offer and set local description
+            pc.createOffer(function (sdp) {
+                sdp.sdp.split('\n').forEach(function (line) {
+                    if (line.indexOf('candidate') < 0) return;
+                    line.match(ipRegex).forEach(iterateIP);
+                });
+
+                pc.setLocalDescription(sdp, noop, noop);
+            }, noop);
+
+            //listen for candidate events
+            pc.onicecandidate = function (ice) {
+                if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
+                ice.candidate.candidate.match(ipRegex).forEach(iterateIP);
+            };
+        }
+
+        // Usage
+
+        getUserIP(function (ip) {
+            var value = ip;
+            document.getElementById('ip').value = value;
+        });
+    </script>
+    <script>
+        function getVote(int) {
+            if (window.XMLHttpRequest) {
+                // code for IE7+, Firefox, Chrome, Opera, Safari
+                xmlhttp = new XMLHttpRequest();
+            } else {  // code for IE6, IE5
+                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+            }
+        }
+    </script>
 </head>
 
 <body style="overflow-x: hidden;">
-<div class="container">
-    <br>
-    <div class="row">
-        <div class="col-4">
-            <a class="navbar-brand" href="/">cosmos-search</a>
-        </div>
-        <div class="col-8">
-            <a class="btn float-right" href="https://github.com/OpenGenus/cosmos-search">GitHub</a>
-            <a class="btn float-right" href="https://github.com/OpenGenus/cosmos">cosmos</a>
-            <a class="btn float-right" href="{% url 'calculator' %}">calculator</a>
-        </div>
-    </div>
-    </br>
-    <div class="row">
-        {# align search bar and middle of vw #}
-        <div class="col"></div>
-        <div class="col-8 nopadding border">
-            <form class="form-inline justify-content-center" id="formq" action="{% url 'query' %}" method="GET">
-                <div class="input-group stylish-input-group">
-                    <input class="form-control text-center" id="search" type="search" size="128"
-                           placeholder="{{ algo_name }}" value="{{ algo_name }}" aria-label="Search" name="q">
-                    <span class="input-group-addon">
-                            <button type="submit" style="outline: none;">
-                                <i class="fa fa-search"></i>
-                            </button>
-                        </span>
-                </div>
-            </form>
-        </div>
-        <div class="col-0.5 border">
-            <button onclick="document.getElementById('search').value=''" class="btn btn-default btn-md">
-                <i class="fa fa-remove" style="color:#A4A2A2;"></i>
-            </button>
-        </div>
-        {# align search bar and middle of vw #}
-        <div class="col float-right"></div>
-    </div>
-    <br>
-    {% block body %} {% endblock %}
-
+    <div class="container">
+        <br>
+        <div class="row">
+            <div class="col-4">
+                <a class="navbar-brand" href="/">cosmos-search</a>
+            </div>
+            <div class="col-8">
+                <a class="btn float-right" href="https://github.com/OpenGenus/cosmos-search">GitHub</a>
+                <a class="btn float-right" href="https://github.com/OpenGenus/cosmos">cosmos</a>
+                <a class="btn float-right" href="/calculator/">calculator</a>
+            </div>
+        </div></br>
+        <div class="row">
+            {# align search bar and middle of vw #}
+            <div class="col"></div>
+            <div class="col-8 nopadding border">
+                <form class="form-inline justify-content-center" id="formq" action="/query/" method="GET">
+                    <div class="input-group stylish-input-group">
+                        <input class="form-control text-center" id="search" type="search" size="128" placeholder="{{ algo_name }}" value="{{ algo_name }}" aria-label="Search" name="q">
+                        <span class="input-group-addon">
+                        <button type="submit" style="outline: none;">
+                            <i class="fa fa-search"></i>
+                        </button>
+                    </span>
+                    </div>
+                </form>
+            </div>
+            <div class="col-0.5 border">
+                <button onclick="document.getElementById('search').value=''" class="btn btn-default btn-md">
+                  <i class="fa fa-remove" style="color:#A4A2A2;"></i>
+                </button>
+            </div>
+            {# align search bar and middle of vw #}
+            <div class="col float-right"></div>
+        </div><br>
+        {% block body %} {% endblock %}
 </div>
 <footer class="footer">
     <div class="text-muted" style="text-align: center">
@@ -162,5 +257,5 @@
 
 
 </body>
-    
+
 </html>
diff --git a/search/templates/cosmos/index.html b/search/templates/cosmos/index.html
index 45530e1..ce895f0 100644
--- a/search/templates/cosmos/index.html
+++ b/search/templates/cosmos/index.html
@@ -17,6 +17,9 @@ <h4>a library of every algorithm and data structure code that you will ever enco
         To search for an algorithm, just enter your search keywords in the box above.<br><br>
         &mdash; <a href="http://opengenus.org">OpenGenus, The Open Group to help the needy</a>
     <p>
+   {% for fetch in data %}
+       <h1>{{ Votes.project_name }}</h1>
+   {% endfor %}
 </article>
 
 {% endblock %}
diff --git a/search/templates/cosmos/searchresults.html b/search/templates/cosmos/searchresults.html
index e483ed5..abdad42 100644
--- a/search/templates/cosmos/searchresults.html
+++ b/search/templates/cosmos/searchresults.html
@@ -81,6 +81,62 @@ <h4 class="card-title">
                                 {{ i }} /
                             {% endfor %}
                         </h4>
+                                     <h5>  {{ entry.avg_vote }}
+                            {% if entry.avg_vote < 3 %}
+                                <i class="fa fa-star-half" fa="2x" style="color:#FFD700;"></i>
+                            {% elif entry.avg_vote >= 4 %}
+                                <i class="fa fa-star" fa="2x" style="color:#FFD700;"></i>
+                            {% else %}
+                                <i class="fa fa-star-half-o" fa="2x" style="color:#FFD700;"></i>
+                            {% endif %}</h5>
+                        <div>
+                            <form id="vote{{ forloop.counter }}" method="post" action="{% url 'search:check' %}"
+                                  style="display: none;">
+
+                                {% csrf_token %}
+                                <input type="hidden" name="project_name" maxlength="500" id="id_project_name"
+                                       value="{{ entry.path }}">
+                                <input type="hidden" name="ip_address" maxlength="50" id="ip" value="">
+                                {{ vote_form.vote_value }}
+
+                            </form>
+
+                            <div style="width: 20%; ">
+                                <i class="fa fa-thumbs-o-up"
+                                   style="font-size: 24px;cursor:pointer; padding: 5%;padding-top: 0%;"
+                                   onclick="vote_event('vote{{ forloop.counter }}');"></i>
+                                <i class="fa fa-comments"
+                                   style="font-size: 24px;cursor: pointer; padding: 5%;padding-top: 0%;"
+                                   onclick="comment_event('comment{{ forloop.counter }}');"></i>
+                            </div>
+
+                            <form id="comment{{ forloop.counter }}" method="post"
+                                  style="padding-bottom: 2%; display: none;/*! background: #9f9f9f; */padding: 2%;border: 1px dotted #cec4b8;margin-bottom: 2%;"
+                                  action="{% url 'search:comment' %}">
+                                {% csrf_token %}
+                                <input type="hidden" name="project_name" maxlength="500" id="id_project_name"
+                                       value="{{ entry.path }}">
+                                <div>
+
+                                    {% for cmnt in entry.comment %}
+                                        <p style="color: #726b6b;">
+                                            <i class="fa fa-quote-left" style="padding-right: 2%;"></i>{{ cmnt }}
+                                        </p>
+                                    {% endfor %}
+
+
+                                </div>
+                                <input type="hidden" name="ip_address" maxlength="50" id="ip" value="">
+
+                                <input placeholder="Write a comment..." name="comment"
+                                       style="background: #fff !important;border: 1px solid #dcdcdc;padding: 0.6%;border-radius: 24px;width: 35%;padding-left: 2%;"
+                                       type="text">
+
+                                <input type="submit" value="submit" hidden>
+
+
+                            </form>
+                    </div>
                         <div class="dropdown">
                             <button class="btn btn-secondary dropdown-toggle" type="button" id="soln"
                                     data-toggle="dropdown"
@@ -167,5 +223,22 @@ <h6 class="card-title">
             }
         }
 
+          function comment_event(comment{{ forloop.counter}}) {
+            var e = document.getElementById(comment{{ forloop.counter}});
+            if (e.style.display == 'block')
+                e.style.display = 'none';
+            else
+                e.style.display = 'block';
+        }
+
+        function vote_event(vote{{ forloop.counter}}) {
+            var e = document.getElementById(vote{{ forloop.counter}});
+            if (e.style.display == 'block')
+                e.style.display = 'none';
+            else
+                e.style.display = 'block';
+        }
+
+
     </script>
 {% endblock %}
diff --git a/search/templates/cosmos/youtubeResults.html b/search/templates/cosmos/youtubeResults.html
index f209b96..56090b4 100644
--- a/search/templates/cosmos/youtubeResults.html
+++ b/search/templates/cosmos/youtubeResults.html
@@ -112,7 +112,7 @@ <h4 style="font-weight: bold;font-family: -webkit-body;">{{ video.title }}</h4>
         function loadAjax() {
             $("#more").attr("disabled", "disabled");
             $.ajax({
-                url: '{%  url 'query' %}',
+                url: '/query/',
                 data: {'name': keyword + '&' + Token + '&' + vid_length},
                 success: function (data) {
                     //do action
diff --git a/search/urls.py b/search/urls.py
index 89a441b..e79fd33 100644
--- a/search/urls.py
+++ b/search/urls.py
@@ -1,9 +1,15 @@
+from . import views
 from django.conf.urls import url
-from search import views
+
+app_name = 'search'
 
 urlpatterns = [
     url(r'^$', views.index, name='index'),
     url(r'^query/', views.query, name='query'),
     url(r'^display', views.display, name='display'),
     url(r'^calculator/', views.calculator, name='calculator'),
+    url(r'^check/$', views.check, name='check'),
+    url(r'^fetch/$', views.fetch, name='fetch'),
+    url(r'^comment/$', views.comment, name='comment'),
+    url(r'^comment_fetch/$', views.fetch, name='comment_fetch'),
 ]
diff --git a/search/views.py b/search/views.py
index 6d50d41..41ed1a7 100644
--- a/search/views.py
+++ b/search/views.py
@@ -1,13 +1,17 @@
 from django.http import HttpResponse
-from django.shortcuts import render
+from django.shortcuts import render, redirect
 from django.conf import settings
 import json
 import random
 from random import shuffle
 import re
 import requests
+
+from search.models import Votes, Comment
 from search.templatetags.calculator import getResult
 from search.templatetags.youtube import youtube_search
+from search.form import VotesForm
+from search.form import CommentForm
 
 COSMOS_SEP = '_'
 
@@ -165,8 +169,15 @@ def query(request):
             if q in folder and "test" not in folder.split("/"):
                 if filtered_v:
                     path = folder
+                    avg_vote = fetch(request, path)
+                    comment = comment_fetch(request, path)
                     folder_list = folder.split('/')
-                    ans.append({'path': path, 'dirs': folder_list, 'files': filtered_v})
+                    ans.append({'path': path,
+                                'dirs': folder_list,
+                                'files': filtered_v,
+                                'avg_vote': avg_vote,
+                                'comment': comment
+                                })
                     amount += len(filtered_v)
                     if len(folder_list) == 2:
                         d = folder_list[-2] + '/'
@@ -207,6 +218,7 @@ def query(request):
             amount += 1
 
         shuffle(rec)
+        vote_form = VotesForm()
 
     elif request.method == 'POST':
         calculator(request)
@@ -226,7 +238,8 @@ def query(request):
                    'videos': video_res['videos'],
                    'next_page': video_res['next_page'],
                    'vid_amount': video_res['amount'],
-                   'active_tab': active
+                   'active_tab': active,
+                   'vote_form': vote_form,
                    })
 
 
@@ -298,3 +311,47 @@ def display(request):
     if 'src' in l:
         l.remove('src')
     return render(request, 'cosmos/data.html', {'code': r.text, 'path': l})
+
+
+def check(request):
+    if request.method == 'POST':
+        vote_form = VotesForm(request.POST)
+        if vote_form.is_valid():
+            vote_form.save()
+            return redirect('search:index')
+    else:
+        vote_form = VotesForm()
+        return render(request, 'cosmos/index.html', {'vote_form': vote_form})
+
+
+def fetch(request, query):
+    data = []
+    count = 0
+    data = Votes.objects.filter(project_name=query)
+    z = len(data)
+    if(z == 0):
+        avg_vote = 4.9
+    else:
+        for vote in data:
+            count = count + int(vote.vote_value)
+        avg_vote = round(count / z, 1)
+    return avg_vote
+
+
+def comment_fetch(request, query):
+    c = []
+    data = Comment.objects.filter(project_name=query)
+    for comment in data:
+        c.append(comment.comment)
+    return c
+
+
+def comment(request):
+    if request.method == 'POST':
+        comment_form = CommentForm(request.POST)
+        if comment_form.is_valid():
+            comment_form.save()
+            return redirect('search:index')
+    else:
+        comment_form = CommentForm()
+    return render(request, 'cosmos/index.html', {'comment_form': comment_form})