diff --git a/src/.vscode/settings.json b/src/.vscode/settings.json
new file mode 100644
index 0000000..b5ffdd2
--- /dev/null
+++ b/src/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "python.pythonPath": "env\\Scripts\\python.exe"
+}
\ No newline at end of file
diff --git a/src/MODU/settings.py b/src/MODU/settings.py
index 0171d11..53c491e 100644
--- a/src/MODU/settings.py
+++ b/src/MODU/settings.py
@@ -58,6 +58,8 @@ def get_json_from(json, setting):
 # https://docs.djangoproject.com/en/2.1/ref/settings/#std:setting-INSTALLED_APPS
 INSTALLED_APPS = [
     # Add your apps here to enable them
+    'search.apps.SearchConfig',
+    'users.apps.UsersConfig',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
@@ -162,5 +164,6 @@ def get_json_from(json, setting):
 
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/2.1/howto/static-files/
-STATIC_URL = 'static/'
-STATIC_ROOT = os.path.join(BASE_DIR, 'static')
+STATIC_URL = '/static/'
+
+#STATIC_ROOT = os.path.join(BASE_DIR, 'static')
\ No newline at end of file
diff --git a/src/MODU/urls.py b/src/MODU/urls.py
index 3549063..c6975ed 100644
--- a/src/MODU/urls.py
+++ b/src/MODU/urls.py
@@ -1,26 +1,21 @@
-"""
-MODU URL Configuration
-
-The `urlpatterns` list routes URLs to views. For more information please see:
-    https://docs.djangoproject.com/en/2.1/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
+import assessment.views
 
 # Uncomment next two lines to enable admin:
 #from django.contrib import admin
-#from django.urls import path
+from django.urls import path, include
+from users import views as user_views
+
 
 urlpatterns = [
+    path('search/', include('search.urls')),
+    path('signup/',user_views.signup,name="signup"),
     # Uncomment the next line to enable the admin:
-    #path('admin/', admin.site.urls)
+    path('admin/', admin.site.urls),
+    
+    #assessment
+    path('mypage/assessment/', assessment.views.project_list.as_view(), name = 'project_list'),
+    path('mypage/assessment/<int:p_id>', assessment.views.developer_list.as_view(), name = 'developer_list'),
+    path('mypage/assessment/<int:p_id>/<int:u_id>', assessment.views.assessment, name = 'assessment')
 ]
diff --git a/src/assessment/__init__.py b/src/assessment/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/assessment/admin.py b/src/assessment/admin.py
new file mode 100644
index 0000000..da11efa
--- /dev/null
+++ b/src/assessment/admin.py
@@ -0,0 +1,12 @@
+from django.contrib import admin
+from ..model.models import Project, Developer, Assessment
+from .forms import AssessmentForm
+
+admin.site.register(Project)
+admin.site.register(Developer)
+
+@admin.register(Assessment)
+class AssessmentAdmin(admin.ModelAdmin):
+    form = AssessmentForm
+
+# Register your models here.
diff --git a/src/assessment/apps.py b/src/assessment/apps.py
new file mode 100644
index 0000000..9156929
--- /dev/null
+++ b/src/assessment/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class AssessmentConfig(AppConfig):
+    name = 'assessment'
diff --git a/src/assessment/forms.py b/src/assessment/forms.py
new file mode 100644
index 0000000..e417860
--- /dev/null
+++ b/src/assessment/forms.py
@@ -0,0 +1,23 @@
+from django import forms
+from ..model.models import Assessment, Developer
+from .widgets import CounterTextInput, starWidget
+
+class AssessmentForm(forms.ModelForm):
+    class Meta:
+        model = Assessment
+        field = [
+            'score_ideation',
+            'score_development',
+            'score_communication',
+            'score_other',
+            'opinion'
+        ]
+        widgets ={
+            'score_ideation' : starWidget,
+            'score_development' : starWidget,
+            'score_communication' : starWidget,
+            'score_other' : starWidget,
+            'opinion': CounterTextInput,
+        }
+        
+
diff --git a/src/assessment/migrations/__init__.py b/src/assessment/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/assessment/models.py b/src/assessment/models.py
new file mode 100644
index 0000000..c389f5d
--- /dev/null
+++ b/src/assessment/models.py
@@ -0,0 +1,4 @@
+from django.db import models
+
+
+# Create your models here.
diff --git a/src/assessment/tests.py b/src/assessment/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/src/assessment/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/src/assessment/views.py b/src/assessment/views.py
new file mode 100644
index 0000000..aa5c6fa
--- /dev/null
+++ b/src/assessment/views.py
@@ -0,0 +1,42 @@
+from django.shortcuts import render, get_object_or_404, redirect
+from django.views.generic import ListView
+from ..model.models import Project, Developer, Assessment
+from .forms import AssessmentForm
+
+# Create your views here.
+
+#상호평가 버튼 클릭시
+def project_list(ListView):
+
+    context_object_name = 'project_list'
+    
+    def get_queryset(self):
+        queryset = Developer.objects.filter(u_id = self.request.session.get('u_id')).value('member_of')
+        return queryset
+
+#프로젝트 선택시
+def developer_list(request, projectID):
+
+    context_object_name = 'developer_list'
+    project = get_object_or_404(Project, p_id = projectID)
+
+    def get_queryset(self):
+        queryset = Developer.objects.all()
+        queryset = queryset.filter(member_of = project)
+        queryset = queryset.exclude(u_id = self.request.session.get('u_id')).valude('name') #developer model에 name 필드 추가?
+
+        return queryset
+    
+
+
+#개발자 선택시
+def assessment(request, projectID, developerID):
+    if request.method =="POST":
+        form = AssessmentForm(request.POST)
+        if form.is_valid():
+            form.save()
+            return redirect('')
+
+    return:
+        form = AssessmentForm()
+        return 
diff --git a/src/assessment/widgets.py b/src/assessment/widgets.py
new file mode 100644
index 0000000..0817ad8
--- /dev/null
+++ b/src/assessment/widgets.py
@@ -0,0 +1,60 @@
+from django import forms
+
+class CounterTextInput(forms.TextInput):
+    template_name = "widgets/counter_text.html"
+
+"""
+<!-- templates/widgets/counter_text.html -->
+
+{% include "django/forms/widgets/input.html" %}
+
+<span id="counter_{{widget.attrs.id}}"></span>
+
+<script>
+    document.querySelector('#{{widget.attrs.id}}').addEventListener("input", function(){
+        document.querySelector("#counter_{{ widget.attrs.id}}").innerHTML = this.value.length + '글자';
+    })
+</script>
+
+"""
+class starWidget(forms.TextInput):
+    input_type = 'rating'
+    template_name = "widgets/star_rate.html"
+
+    class Media:
+        css = {
+            'all':[
+                'widgets/rateit/rateit.css'
+            ]
+        }
+        js = [
+            "//code.jquery.com/jquery-3.4.1.min.js",
+            'widgets/rateit/jquery.rateit.min.js'
+        ]
+
+    def build_attrs(self, *args, **kwargs):
+        attrs = super().build_attrs(*args, **kwargs)
+        attrs.update({
+            'min': 1,
+            'max': 5,
+            'step': 1,
+        })
+        return attrs
+
+"""
+
+{% load static %}
+
+{% include "django/forms/widgets/input.html" %}
+
+{{ form.media }}
+
+<div id="star_{{ widget.attrs.id }}" class="rateit" data-rateit-backingfld="#{{ widget.attrs.id }}"></div>
+
+<input type="rating" name="grade" value="4" required="" id="id_grade" min="0" max="5" step="1" style="display: none;">
+
+<div id="star_id_grade" class="rateit rateit-bg" data-rateit-backingfld="#id_grade">
+	<!-- 생략 -->
+</div>
+
+"""
diff --git a/src/assessment/widgets/rateit/delete.gif b/src/assessment/widgets/rateit/delete.gif
new file mode 100644
index 0000000..43c6ca8
Binary files /dev/null and b/src/assessment/widgets/rateit/delete.gif differ
diff --git a/src/assessment/widgets/rateit/jquery.rateit.js b/src/assessment/widgets/rateit/jquery.rateit.js
new file mode 100644
index 0000000..e5d56e9
--- /dev/null
+++ b/src/assessment/widgets/rateit/jquery.rateit.js
@@ -0,0 +1,413 @@
+/*! RateIt | v1.1.2 / 03/28/2019
+    https://github.com/gjunge/rateit.js | Twitter: @gjunge
+*/
+(function ($) {
+    $.rateit = {
+        aria: {
+            resetLabel: 'reset rating',
+            ratingLabel: 'rating'
+        }
+    };
+
+    $.fn.rateit = function (p1, p2) {
+        //quick way out.
+        var index = 1;
+        var options = {}; var mode = 'init';
+        var capitaliseFirstLetter = function (string) {
+            return string.charAt(0).toUpperCase() + string.substr(1);
+        };
+
+        if (this.length === 0) { return this; }
+
+
+        var tp1 = $.type(p1);
+        if (tp1 == 'object' || p1 === undefined || p1 === null) {
+            options = $.extend({}, $.fn.rateit.defaults, p1); //wants to init new rateit plugin(s).
+        }
+        else if (tp1 == 'string' && p1 !== 'reset' && p2 === undefined) {
+            return this.data('rateit' + capitaliseFirstLetter(p1)); //wants to get a value.
+        }
+        else if (tp1 == 'string') {
+            mode = 'setvalue';
+        }
+
+        return this.each(function () {
+            var item = $(this);
+
+
+            //shorten all the item.data('rateit-XXX'), will save space in closure compiler, will be like item.data('XXX') will become x('XXX')
+            var itemdata = function (key, value) {
+
+                if (value != null) {
+                    //update aria values
+                    var ariakey = 'aria-value' + ((key == 'value') ? 'now' : key);
+                    var range = item.find('.rateit-range');
+                    if (range.attr(ariakey) != undefined) {
+                        range.attr(ariakey, value);
+                    }
+
+                }
+
+                arguments[0] = 'rateit' + capitaliseFirstLetter(key);
+                return item.data.apply(item, arguments); ////Fix for WI: 523
+            };
+
+            //handle programmatic reset
+            if (p1 == 'reset') {
+                var setup = itemdata('init'); //get initial value
+                for (var prop in setup) {
+                    item.data(prop, setup[prop]);
+                }
+
+                if (itemdata('backingfld')) { //reset also backingfield
+                    var fld = $(itemdata('backingfld'));
+                    // If backing field is a select box with valuesrc option set to "index", reset its selectedIndex property; otherwise, reset its value.
+                    if (fld[0].nodeName == 'SELECT' && fld[0].getAttribute('data-rateit-valuesrc') === 'index') {
+                        fld.prop('selectedIndex', itemdata('value'));
+                    }
+                    else {
+                        fld.val(itemdata('value'));
+                    }
+                    fld.trigger('change');
+                    if (fld[0].min) { fld[0].min = itemdata('min'); }
+                    if (fld[0].max) { fld[0].max = itemdata('max'); }
+                    if (fld[0].step) { fld[0].step = itemdata('step'); }
+                }
+                item.trigger('reset');
+            }
+
+            //add the rate it class.
+            if (!item.hasClass('rateit')) { item.addClass('rateit'); }
+
+            var ltr = item.css('direction') != 'rtl';
+
+            // set value mode
+            if (mode == 'setvalue') {
+                if (!itemdata('init')) { throw 'Can\'t set value before init'; }
+
+
+                //if readonly now and it wasn't readonly, remove the eventhandlers.
+                if (p1 == 'readonly' && p2 == true && !itemdata('readonly')) {
+                    item.find('.rateit-range').unbind();
+                    itemdata('wired', false);
+                }
+                //when we receive a null value, reset the score to its min value.
+                if (p1 == 'value') {
+                    p2 = (p2 == null) ? itemdata('min') : Math.max(itemdata('min'), Math.min(itemdata('max'), p2));
+                }
+                if (itemdata('backingfld')) {
+                    //if we have a backing field, check which fields we should update. 
+                    //In case of input[type=range], although we did read its attributes even in browsers that don't support it (using fld.attr())
+                    //we only update it in browser that support it (&& fld[0].min only works in supporting browsers), not only does it save us from checking if it is range input type, it also is unnecessary.
+                    var fld = $(itemdata('backingfld'));
+                    // If backing field is a select box with valuesrc option set to "index", update its selectedIndex property; otherwise, update its value.
+                    if (fld[0].nodeName == 'SELECT' && fld[0].getAttribute('data-rateit-valuesrc') === 'index') {
+                        if (p1 == 'value') { fld.prop('selectedIndex', p2); }
+                    }
+                    else {
+                        if (p1 == 'value') { fld.val(p2); }
+                    }
+                    if (p1 == 'min' && fld[0].min) { fld[0].min = p2; }
+                    if (p1 == 'max' && fld[0].max) { fld[0].max = p2;}
+                    if (p1 == 'step' && fld[0].step) { fld[0].step = p2; }
+                }
+
+                itemdata(p1, p2);
+            }
+
+
+            //init rateit plugin
+            if (!itemdata('init')) {
+
+                //get our values, either from the data-* html5 attribute or from the options.
+                itemdata('mode', itemdata('mode') || options.mode)
+                itemdata('icon', itemdata('icon') || options.icon)
+                itemdata('min', isNaN(itemdata('min')) ? options.min : itemdata('min'));
+                itemdata('max', isNaN(itemdata('max')) ? options.max : itemdata('max'));
+                itemdata('step', itemdata('step') || options.step);
+                itemdata('readonly', itemdata('readonly') !== undefined ? itemdata('readonly') : options.readonly);
+                itemdata('resetable', itemdata('resetable') !== undefined ? itemdata('resetable') : options.resetable);
+                itemdata('backingfld', itemdata('backingfld') || options.backingfld);
+                itemdata('starwidth', itemdata('starwidth') || options.starwidth);
+                itemdata('starheight', itemdata('starheight') || options.starheight);
+                itemdata('value', Math.max(itemdata('min'), Math.min(itemdata('max'), (!isNaN(itemdata('value')) ? itemdata('value') : (!isNaN(options.value) ? options.value : options.min)))));
+                itemdata('ispreset', itemdata('ispreset') !== undefined ? itemdata('ispreset') : options.ispreset);
+                //are we LTR or RTL?
+
+                if (itemdata('backingfld')) {
+                    //if we have a backing field, hide it, override defaults if range or select.
+                    var fld = $(itemdata('backingfld')).hide();
+
+                    if (fld.attr('disabled') || fld.attr('readonly')) {
+                        itemdata('readonly', true); //http://rateit.codeplex.com/discussions/362055 , if a backing field is disabled or readonly at instantiation, make rateit readonly.
+                    }
+
+                    if (fld[0].nodeName == 'INPUT') {
+                        if (fld[0].type == 'range' || fld[0].type == 'text') { //in browsers not support the range type, it defaults to text
+
+                            itemdata('min', parseInt(fld.attr('min')) || itemdata('min')); //if we would have done fld[0].min it wouldn't have worked in browsers not supporting the range type.
+                            itemdata('max', parseInt(fld.attr('max')) || itemdata('max'));
+                            itemdata('step', parseInt(fld.attr('step')) || itemdata('step'));
+                        }
+                    }
+                    if (fld[0].nodeName == 'SELECT' && fld[0].options.length > 1) {
+                        // If backing field is a select box with valuesrc option set to "index", use the indexes of its options; otherwise, use the values.
+                        if (fld[0].getAttribute('data-rateit-valuesrc') === 'index') {
+                            itemdata('min', (!isNaN(itemdata('min')) ? itemdata('min') : Number(fld[0].options[0].index)));
+                            itemdata('max', Number(fld[0].options[fld[0].length - 1].index));
+                            itemdata('step', Number(fld[0].options[1].index) - Number(fld[0].options[0].index));
+                        }
+                        else {
+                            itemdata('min', (!isNaN(itemdata('min')) ? itemdata('min') : Number(fld[0].options[0].value)));
+                            itemdata('max', Number(fld[0].options[fld[0].length - 1].value));
+                            itemdata('step', Number(fld[0].options[1].value) - Number(fld[0].options[0].value));
+                        }
+                        //see if we have a option that as explicity been selected
+                        var selectedOption = fld.find('option[selected]');
+                        if (selectedOption.length == 1) {
+                            // If backing field is a select box with valuesrc option set to "index", use the index of selected option; otherwise, use the value.
+                            if (fld[0].getAttribute('data-rateit-valuesrc') === 'index') {
+                                itemdata('value', selectedOption[0].index);
+                            }
+                            else {
+                                itemdata('value', selectedOption.val());
+                            }
+                        }
+                    }
+                    else {
+                        //if it is not a select box, we can get's it's value using the val function. 
+                        //If it is a selectbox, we always get a value (the first one of the list), even if it was not explicity set.
+                        itemdata('value', fld.val());
+                    }
+
+                   
+                }
+
+              
+
+                //Create the necessary tags. For ARIA purposes we need to give the items an ID. So we use an internal index to create unique ids
+                var element = item[0].nodeName == 'DIV' ? 'div' : 'span';
+                index++;
+
+                // tabindex="0" gets only added in readonly mode. When keyboard tabbing, no focus is needed in readonly mode.
+                var html = '<button id="rateit-reset-{{index}}" type="button" data-role="none" class="rateit-reset" aria-label="' + $.rateit.aria.resetLabel + '" aria-controls="rateit-range-{{index}}"><span></span></button><{{element}} id="rateit-range-{{index}}" class="rateit-range"' + (itemdata('readonly') == true ? '' : ' tabindex="0"') + ' role="slider" aria-label="' + $.rateit.aria.ratingLabel + '" aria-owns="rateit-reset-{{index}}" aria-valuemin="' + itemdata('min') + '" aria-valuemax="' + itemdata('max') + '" aria-valuenow="' + itemdata('value') + '"><{{element}} class="rateit-empty"></{{element}}><{{element}} class="rateit-selected"></{{element}}><{{element}} class="rateit-hover"></{{element}}></{{element}}>';
+                item.append(html.replace(/{{index}}/gi, index).replace(/{{element}}/gi, element));
+
+                //if we are in RTL mode, we have to change the float of the "reset button"
+                if (!ltr) {
+                    item.find('.rateit-reset').css('float', 'right');
+                    item.find('.rateit-selected').addClass('rateit-selected-rtl');
+                    item.find('.rateit-hover').addClass('rateit-hover-rtl');
+                }
+
+                if (itemdata('mode') == 'font') {
+                    item.addClass('rateit-font').removeClass('rateit-bg');
+                }
+                else {
+                    item.addClass('rateit-bg').removeClass('rateit-font');
+                }
+
+                itemdata('init', JSON.parse(JSON.stringify(item.data()))); //cheap way to create a clone
+            }
+
+            var isfont = itemdata('mode') == 'font';
+
+            
+
+
+            //resize the height of all elements, 
+            if (!isfont) {
+                item.find('.rateit-selected, .rateit-hover').height(itemdata('starheight'));
+            }
+
+
+            var range = item.find('.rateit-range');
+            if (isfont) {
+                //fill the ranges with the icons
+                var icon = itemdata('icon');
+                var stars = itemdata('max') - itemdata('min');
+
+                var txt = '';
+                for(var i = 0; i< stars; i++){
+                    txt += icon;
+                }
+                
+                range.find('> *').text(txt);
+                
+
+                itemdata('starwidth', range.width() / (itemdata('max') - itemdata('min')))
+            }
+            else {
+                //set the range element to fit all the stars.
+                range.width(itemdata('starwidth') * (itemdata('max') - itemdata('min'))).height(itemdata('starheight'));
+            }
+
+
+            //add/remove the preset class
+            var presetclass = 'rateit-preset' + ((ltr) ? '' : '-rtl');
+            if (itemdata('ispreset')) {
+                item.find('.rateit-selected').addClass(presetclass);
+            }
+            else {
+                item.find('.rateit-selected').removeClass(presetclass);
+            }
+
+            //set the value if we have it.
+            if (itemdata('value') != null) {
+                var score = (itemdata('value') - itemdata('min')) * itemdata('starwidth');
+                item.find('.rateit-selected').width(score);
+            }
+
+            //setup the reset button
+            var resetbtn = item.find('.rateit-reset');
+            if (resetbtn.data('wired') !== true) {
+                resetbtn.bind('click', function (e) {
+                    e.preventDefault();
+
+                    resetbtn.blur();
+
+                    var event = $.Event('beforereset');
+                    item.trigger(event);
+                    if (event.isDefaultPrevented()) {
+                        return false;
+                    }
+
+                    item.rateit('value', null);
+                    item.trigger('reset');
+                }).data('wired', true);
+
+            }
+
+            //this function calculates the score based on the current position of the mouse.
+            var calcRawScore = function (element, event) {
+                var pageX = (event.changedTouches) ? event.changedTouches[0].pageX : event.pageX;
+
+                var offsetx = pageX - $(element).offset().left;
+                if (!ltr) { offsetx = range.width() - offsetx };
+                if (offsetx > range.width()) { offsetx = range.width(); }
+                if (offsetx < 0) { offsetx = 0; }
+
+                return score = Math.ceil(offsetx / itemdata('starwidth') * (1 / itemdata('step')));
+            };
+
+            //sets the hover element based on the score.
+            var setHover = function (score) {
+                var w = score * itemdata('starwidth') * itemdata('step');
+                var h = range.find('.rateit-hover');
+                if (h.data('width') != w) {
+                    range.find('.rateit-selected').hide();
+                    h.width(w).show().data('width', w);
+                    var data = [(score * itemdata('step')) + itemdata('min')];
+                    item.trigger('hover', data).trigger('over', data);
+                }
+            };
+
+            var setSelection = function (value) {
+                var event = $.Event('beforerated');
+                item.trigger(event, [value]);
+                if (event.isDefaultPrevented()) {
+                    return false;
+                }
+
+                itemdata('value', value);
+                if (itemdata('backingfld')) {
+                    // If backing field is a select box with valuesrc option set to "index", update its selectedIndex property; otherwise, update its value.
+                    if (fld[0].nodeName == 'SELECT' && fld[0].getAttribute('data-rateit-valuesrc') === 'index') {
+                        $(itemdata('backingfld')).prop('selectedIndex', value).trigger('change');
+                    }
+                    else {
+                        $(itemdata('backingfld')).val(value).trigger('change');
+                    }
+                }
+                if (itemdata('ispreset')) { //if it was a preset value, unset that.
+                    range.find('.rateit-selected').removeClass(presetclass);
+                    itemdata('ispreset', false);
+                }
+                range.find('.rateit-hover').hide();
+                range.find('.rateit-selected').width(value * itemdata('starwidth') - (itemdata('min') * itemdata('starwidth'))).show();
+                item.trigger('hover', [null]).trigger('over', [null]).trigger('rated', [value]);
+                return true;
+            };
+
+            if (!itemdata('readonly')) {
+                //if we are not read only, add all the events
+
+                //if we have a reset button, set the event handler.
+                if (!itemdata('resetable')) {
+                    resetbtn.hide();
+                }
+
+                //when the mouse goes over the range element, we set the "hover" stars.
+                if (!itemdata('wired')) {
+                    range.bind('touchmove touchend', touchHandler); //bind touch events
+                    range.mousemove(function (e) {
+                        var score = calcRawScore(this, e);
+                        setHover(score);
+                    });
+                    //when the mouse leaves the range, we have to hide the hover stars, and show the current value.
+                    range.mouseleave(function (e) {
+                        range.find('.rateit-hover').hide().width(0).data('width', '');
+                        item.trigger('hover', [null]).trigger('over', [null]);
+                        range.find('.rateit-selected').show();
+                    });
+                    //when we click on the range, we have to set the value, hide the hover.
+                    range.mouseup(function (e) {
+                        var score = calcRawScore(this, e);
+                        var value = (score * itemdata('step')) + itemdata('min');
+                        setSelection(value);
+                        range.blur();
+                    });
+
+                    //support key nav
+                    range.keyup(function (e) {
+                        if (e.which == 38 || e.which == (ltr ? 39 : 37)) {
+                            setSelection(Math.min(itemdata('value') + itemdata('step'), itemdata('max')));
+                        }
+                        if (e.which == 40 || e.which == (ltr ? 37 : 39)) {
+                            setSelection(Math.max(itemdata('value') - itemdata('step'), itemdata('min')));
+                        }
+                    });
+
+                    itemdata('wired', true);
+                }
+                if (itemdata('resetable')) {
+                    resetbtn.show();
+                }
+            }
+            else {
+                resetbtn.hide();
+            }
+
+            range.attr('aria-readonly', itemdata('readonly'));
+        });
+    };
+
+    //touch converter http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/
+    function touchHandler(event) {
+
+        var touches = event.originalEvent.changedTouches,
+                first = touches[0],
+                type = "";
+        switch (event.type) {
+            case "touchmove": type = "mousemove"; break;
+            case "touchend": type = "mouseup"; break;
+            default: return;
+        }
+
+        var simulatedEvent = document.createEvent("MouseEvent");
+        simulatedEvent.initMouseEvent(type, true, true, window, 1,
+                              first.screenX, first.screenY,
+                              first.clientX, first.clientY, false,
+                              false, false, false, 0/*left*/, null);
+
+        first.target.dispatchEvent(simulatedEvent);
+        event.preventDefault();
+    };
+
+    //some default values.
+    $.fn.rateit.defaults = { min: 0, max: 5, step: 0.5, mode: 'bg', icon: '★', starwidth: 16, starheight: 16, readonly: false, resetable: true, ispreset: false };
+
+    //invoke it on all .rateit elements. This could be removed if not wanted.
+    $(function () { $('div.rateit, span.rateit').rateit(); });
+
+})(jQuery);
diff --git a/src/assessment/widgets/rateit/jquery.rateit.min.js b/src/assessment/widgets/rateit/jquery.rateit.min.js
new file mode 100644
index 0000000..a0bc56a
--- /dev/null
+++ b/src/assessment/widgets/rateit/jquery.rateit.min.js
@@ -0,0 +1,5 @@
+/*! RateIt | v1.1.2 / 03/28/2019
+    https://github.com/gjunge/rateit.js | Twitter: @gjunge
+*/
+!function(M){function I(e){var t=e.originalEvent.changedTouches[0],a="";switch(e.type){case"touchmove":a="mousemove";break;case"touchend":a="mouseup";break;default:return}var i=document.createEvent("MouseEvent");i.initMouseEvent(a,!0,!0,window,1,t.screenX,t.screenY,t.clientX,t.clientY,!1,!1,!1,!1,0,null),t.target.dispatchEvent(i),e.preventDefault()}M.rateit={aria:{resetLabel:"reset rating",ratingLabel:"rating"}},M.fn.rateit=function(w,N){var y=1,C={},k="init",E=function(e){return e.charAt(0).toUpperCase()+e.substr(1)};if(0===this.length)return this;var e=M.type(w);if("object"==e||null==w)C=M.extend({},M.fn.rateit.defaults,w);else{if("string"==e&&"reset"!==w&&void 0===N)return this.data("rateit"+E(w));"string"==e&&(k="setvalue")}return this.each(function(){var r=M(this),n=function(e,t){if(null!=t){var a="aria-value"+("value"==e?"now":e),i=r.find(".rateit-range");null!=i.attr(a)&&i.attr(a,t)}return e="rateit"+E(e),r.data.apply(r,arguments)};if("reset"==w){var e=n("init");for(var t in e)r.data(t,e[t]);if(n("backingfld"))"SELECT"==(a=M(n("backingfld")))[0].nodeName&&"index"===a[0].getAttribute("data-rateit-valuesrc")?a.prop("selectedIndex",n("value")):a.val(n("value")),a.trigger("change"),a[0].min&&(a[0].min=n("min")),a[0].max&&(a[0].max=n("max")),a[0].step&&(a[0].step=n("step"));r.trigger("reset")}r.hasClass("rateit")||r.addClass("rateit");var i="rtl"!=r.css("direction");if("setvalue"==k){if(!n("init"))throw"Can't set value before init";if("readonly"!=w||1!=N||n("readonly")||(r.find(".rateit-range").unbind(),n("wired",!1)),"value"==w&&(N=null==N?n("min"):Math.max(n("min"),Math.min(n("max"),N))),n("backingfld"))"SELECT"==(a=M(n("backingfld")))[0].nodeName&&"index"===a[0].getAttribute("data-rateit-valuesrc")?"value"==w&&a.prop("selectedIndex",N):"value"==w&&a.val(N),"min"==w&&a[0].min&&(a[0].min=N),"max"==w&&a[0].max&&(a[0].max=N),"step"==w&&a[0].step&&(a[0].step=N);n(w,N)}if(!n("init")){var a;if(n("mode",n("mode")||C.mode),n("icon",n("icon")||C.icon),n("min",isNaN(n("min"))?C.min:n("min")),n("max",isNaN(n("max"))?C.max:n("max")),n("step",n("step")||C.step),n("readonly",void 0!==n("readonly")?n("readonly"):C.readonly),n("resetable",void 0!==n("resetable")?n("resetable"):C.resetable),n("backingfld",n("backingfld")||C.backingfld),n("starwidth",n("starwidth")||C.starwidth),n("starheight",n("starheight")||C.starheight),n("value",Math.max(n("min"),Math.min(n("max"),isNaN(n("value"))?isNaN(C.value)?C.min:C.value:n("value")))),n("ispreset",void 0!==n("ispreset")?n("ispreset"):C.ispreset),n("backingfld"))if(((a=M(n("backingfld")).hide()).attr("disabled")||a.attr("readonly"))&&n("readonly",!0),"INPUT"==a[0].nodeName&&("range"!=a[0].type&&"text"!=a[0].type||(n("min",parseInt(a.attr("min"))||n("min")),n("max",parseInt(a.attr("max"))||n("max")),n("step",parseInt(a.attr("step"))||n("step")))),"SELECT"==a[0].nodeName&&1<a[0].options.length){"index"===a[0].getAttribute("data-rateit-valuesrc")?(n("min",isNaN(n("min"))?Number(a[0].options[0].index):n("min")),n("max",Number(a[0].options[a[0].length-1].index)),n("step",Number(a[0].options[1].index)-Number(a[0].options[0].index))):(n("min",isNaN(n("min"))?Number(a[0].options[0].value):n("min")),n("max",Number(a[0].options[a[0].length-1].value)),n("step",Number(a[0].options[1].value)-Number(a[0].options[0].value)));var s=a.find("option[selected]");1==s.length&&("index"===a[0].getAttribute("data-rateit-valuesrc")?n("value",s[0].index):n("value",s.val()))}else n("value",a.val());var d="DIV"==r[0].nodeName?"div":"span";y++;var l='<button id="rateit-reset-{{index}}" type="button" data-role="none" class="rateit-reset" aria-label="'+M.rateit.aria.resetLabel+'" aria-controls="rateit-range-{{index}}"><span></span></button><{{element}} id="rateit-range-{{index}}" class="rateit-range"'+(1==n("readonly")?"":' tabindex="0"')+' role="slider" aria-label="'+M.rateit.aria.ratingLabel+'" aria-owns="rateit-reset-{{index}}" aria-valuemin="'+n("min")+'" aria-valuemax="'+n("max")+'" aria-valuenow="'+n("value")+'"><{{element}} class="rateit-empty"></{{element}}><{{element}} class="rateit-selected"></{{element}}><{{element}} class="rateit-hover"></{{element}}></{{element}}>';r.append(l.replace(/{{index}}/gi,y).replace(/{{element}}/gi,d)),i||(r.find(".rateit-reset").css("float","right"),r.find(".rateit-selected").addClass("rateit-selected-rtl"),r.find(".rateit-hover").addClass("rateit-hover-rtl")),"font"==n("mode")?r.addClass("rateit-font").removeClass("rateit-bg"):r.addClass("rateit-bg").removeClass("rateit-font"),n("init",JSON.parse(JSON.stringify(r.data())))}var o="font"==n("mode");o||r.find(".rateit-selected, .rateit-hover").height(n("starheight"));var u=r.find(".rateit-range");if(o){for(var m=n("icon"),v=n("max")-n("min"),h="",c=0;c<v;c++)h+=m;u.find("> *").text(h),n("starwidth",u.width()/(n("max")-n("min")))}else u.width(n("starwidth")*(n("max")-n("min"))).height(n("starheight"));var g="rateit-preset"+(i?"":"-rtl");if(n("ispreset")?r.find(".rateit-selected").addClass(g):r.find(".rateit-selected").removeClass(g),null!=n("value")){var f=(n("value")-n("min"))*n("starwidth");r.find(".rateit-selected").width(f)}var p=r.find(".rateit-reset");!0!==p.data("wired")&&p.bind("click",function(e){e.preventDefault(),p.blur();var t=M.Event("beforereset");if(r.trigger(t),t.isDefaultPrevented())return!1;r.rateit("value",null),r.trigger("reset")}).data("wired",!0);var b=function(e,t){var a=(t.changedTouches?t.changedTouches[0].pageX:t.pageX)-M(e).offset().left;return i||(a=u.width()-a),a>u.width()&&(a=u.width()),a<0&&(a=0),f=Math.ceil(a/n("starwidth")*(1/n("step")))},x=function(e){var t=M.Event("beforerated");return r.trigger(t,[e]),!t.isDefaultPrevented()&&(n("value",e),n("backingfld")&&("SELECT"==a[0].nodeName&&"index"===a[0].getAttribute("data-rateit-valuesrc")?M(n("backingfld")).prop("selectedIndex",e).trigger("change"):M(n("backingfld")).val(e).trigger("change")),n("ispreset")&&(u.find(".rateit-selected").removeClass(g),n("ispreset",!1)),u.find(".rateit-hover").hide(),u.find(".rateit-selected").width(e*n("starwidth")-n("min")*n("starwidth")).show(),r.trigger("hover",[null]).trigger("over",[null]).trigger("rated",[e]),!0)};n("readonly")?p.hide():(n("resetable")||p.hide(),n("wired")||(u.bind("touchmove touchend",I),u.mousemove(function(e){!function(e){var t=e*n("starwidth")*n("step"),a=u.find(".rateit-hover");if(a.data("width")!=t){u.find(".rateit-selected").hide(),a.width(t).show().data("width",t);var i=[e*n("step")+n("min")];r.trigger("hover",i).trigger("over",i)}}(b(this,e))}),u.mouseleave(function(e){u.find(".rateit-hover").hide().width(0).data("width",""),r.trigger("hover",[null]).trigger("over",[null]),u.find(".rateit-selected").show()}),u.mouseup(function(e){var t=b(this,e)*n("step")+n("min");x(t),u.blur()}),u.keyup(function(e){38!=e.which&&e.which!=(i?39:37)||x(Math.min(n("value")+n("step"),n("max"))),40!=e.which&&e.which!=(i?37:39)||x(Math.max(n("value")-n("step"),n("min")))}),n("wired",!0)),n("resetable")&&p.show()),u.attr("aria-readonly",n("readonly"))})},M.fn.rateit.defaults={min:0,max:5,step:.5,mode:"bg",icon:"★",starwidth:16,starheight:16,readonly:!1,resetable:!0,ispreset:!1},M(function(){M("div.rateit, span.rateit").rateit()})}(jQuery);
+//# sourceMappingURL=jquery.rateit.min.js.map
diff --git a/src/assessment/widgets/rateit/jquery.rateit.min.js.map b/src/assessment/widgets/rateit/jquery.rateit.min.js.map
new file mode 100644
index 0000000..b4b110d
--- /dev/null
+++ b/src/assessment/widgets/rateit/jquery.rateit.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["jquery.rateit.js"],"names":["$","touchHandler","event","first","originalEvent","changedTouches","type","simulatedEvent","document","createEvent","initMouseEvent","window","screenX","screenY","clientX","clientY","target","dispatchEvent","preventDefault","rateit","aria","resetLabel","ratingLabel","fn","p1","p2","index","options","mode","capitaliseFirstLetter","string","charAt","toUpperCase","substr","this","length","tp1","extend","defaults","undefined","data","each","item","itemdata","key","value","ariakey","range","find","attr","apply","arguments","setup","prop","fld","nodeName","getAttribute","val","trigger","min","max","step","hasClass","addClass","ltr","css","unbind","Math","icon","isNaN","readonly","resetable","backingfld","starwidth","starheight","ispreset","hide","parseInt","Number","selectedOption","element","html","append","replace","removeClass","JSON","parse","stringify","isfont","height","stars","txt","i","text","width","presetclass","score","resetbtn","bind","e","blur","Event","isDefaultPrevented","calcRawScore","offsetx","pageX","offset","left","ceil","setSelection","show","mousemove","w","h","setHover","mouseleave","mouseup","keyup","which","jQuery"],"mappings":";;;CAGA,SAAWA,GA8XP,SAASC,EAAaC,GAElB,IACQC,EADMD,EAAME,cAAcC,eACV,GAChBC,EAAO,GACf,OAAQJ,EAAMI,MACV,IAAK,YAAaA,EAAO,YAAa,MACtC,IAAK,WAAYA,EAAO,UAAW,MACnC,QAAS,OAGb,IAAIC,EAAiBC,SAASC,YAAY,cAC1CF,EAAeG,eAAeJ,GAAM,GAAM,EAAMK,OAAQ,EAClCR,EAAMS,QAAST,EAAMU,QACrBV,EAAMW,QAASX,EAAMY,SAAS,GAC9B,GAAO,GAAO,EAAO,EAAW,MAEtDZ,EAAMa,OAAOC,cAAcV,GAC3BL,EAAMgB,iBA/YVlB,EAAEmB,OAAS,CACPC,KAAM,CACFC,WAAY,eACZC,YAAa,WAIrBtB,EAAEuB,GAAGJ,OAAS,SAAUK,EAAIC,GAExB,IAAIC,EAAQ,EACRC,EAAU,GAAQC,EAAO,OACzBC,EAAwB,SAAUC,GAClC,OAAOA,EAAOC,OAAO,GAAGC,cAAgBF,EAAOG,OAAO,IAG1D,GAAoB,IAAhBC,KAAKC,OAAgB,OAAOD,KAGhC,IAAIE,EAAMpC,EAAEM,KAAKkB,GACjB,GAAW,UAAPY,GAAAA,MAAmBZ,EACnBG,EAAU3B,EAAEqC,OAAO,GAAIrC,EAAEuB,GAAGJ,OAAOmB,SAAUd,OAE5C,CAAA,GAAW,UAAPY,GAA0B,UAAPZ,QAAyBe,IAAPd,EAC1C,OAAOS,KAAKM,KAAK,SAAWX,EAAsBL,IAEtC,UAAPY,IACLR,EAAO,YAGX,OAAOM,KAAKO,KAAK,WACb,IAAIC,EAAO1C,EAAEkC,MAITS,EAAW,SAAUC,EAAKC,GAE1B,GAAa,MAATA,EAAe,CAEf,IAAIC,EAAU,cAAwB,SAAPF,EAAkB,MAAQA,GACrDG,EAAQL,EAAKM,KAAK,iBACKT,MAAvBQ,EAAME,KAAKH,IACXC,EAAME,KAAKH,EAASD,GAM5B,OAbqBD,EAYN,SAAWf,EAAsBe,GACzCF,EAAKF,KAAKU,MAAMR,EAAMS,YAIjC,GAAU,SAAN3B,EAAe,CACf,IAAI4B,EAAQT,EAAS,QACrB,IAAK,IAAIU,KAAQD,EACbV,EAAKF,KAAKa,EAAMD,EAAMC,IAG1B,GAAIV,EAAS,cAGc,WAFnBW,EAAMtD,EAAE2C,EAAS,gBAEb,GAAGY,UAAwE,UAAhDD,EAAI,GAAGE,aAAa,wBACnDF,EAAID,KAAK,gBAAiBV,EAAS,UAGnCW,EAAIG,IAAId,EAAS,UAErBW,EAAII,QAAQ,UACRJ,EAAI,GAAGK,MAAOL,EAAI,GAAGK,IAAMhB,EAAS,QACpCW,EAAI,GAAGM,MAAON,EAAI,GAAGM,IAAMjB,EAAS,QACpCW,EAAI,GAAGO,OAAQP,EAAI,GAAGO,KAAOlB,EAAS,SAE9CD,EAAKgB,QAAQ,SAIZhB,EAAKoB,SAAS,WAAapB,EAAKqB,SAAS,UAE9C,IAAIC,EAA+B,OAAzBtB,EAAKuB,IAAI,aAGnB,GAAY,YAARrC,EAAoB,CACpB,IAAKe,EAAS,QAAW,KAAM,8BAY/B,GARU,YAANnB,GAA0B,GAANC,GAAekB,EAAS,cAC5CD,EAAKM,KAAK,iBAAiBkB,SAC3BvB,EAAS,SAAS,IAGZ,SAANnB,IACAC,EAAY,MAANA,EAAckB,EAAS,OAASwB,KAAKP,IAAIjB,EAAS,OAAQwB,KAAKR,IAAIhB,EAAS,OAAQlB,KAE1FkB,EAAS,cAMc,WAFnBW,EAAMtD,EAAE2C,EAAS,gBAEb,GAAGY,UAAwE,UAAhDD,EAAI,GAAGE,aAAa,wBACzC,SAANhC,GAAiB8B,EAAID,KAAK,gBAAiB5B,GAGrC,SAAND,GAAiB8B,EAAIG,IAAIhC,GAEvB,OAAND,GAAe8B,EAAI,GAAGK,MAAOL,EAAI,GAAGK,IAAMlC,GACpC,OAAND,GAAe8B,EAAI,GAAGM,MAAON,EAAI,GAAGM,IAAMnC,GACpC,QAAND,GAAgB8B,EAAI,GAAGO,OAAQP,EAAI,GAAGO,KAAOpC,GAGrDkB,EAASnB,EAAIC,GAKjB,IAAKkB,EAAS,QAAS,CAmBf,IAAIW,EAFR,GAdAX,EAAS,OAAQA,EAAS,SAAWhB,EAAQC,MAC7Ce,EAAS,OAAQA,EAAS,SAAWhB,EAAQyC,MAC7CzB,EAAS,MAAO0B,MAAM1B,EAAS,QAAUhB,EAAQgC,IAAMhB,EAAS,QAChEA,EAAS,MAAO0B,MAAM1B,EAAS,QAAUhB,EAAQiC,IAAMjB,EAAS,QAChEA,EAAS,OAAQA,EAAS,SAAWhB,EAAQkC,MAC7ClB,EAAS,gBAAqCJ,IAAzBI,EAAS,YAA4BA,EAAS,YAAchB,EAAQ2C,UACzF3B,EAAS,iBAAuCJ,IAA1BI,EAAS,aAA6BA,EAAS,aAAehB,EAAQ4C,WAC5F5B,EAAS,aAAcA,EAAS,eAAiBhB,EAAQ6C,YACzD7B,EAAS,YAAaA,EAAS,cAAgBhB,EAAQ8C,WACvD9B,EAAS,aAAcA,EAAS,eAAiBhB,EAAQ+C,YACzD/B,EAAS,QAASwB,KAAKP,IAAIjB,EAAS,OAAQwB,KAAKR,IAAIhB,EAAS,OAAU0B,MAAM1B,EAAS,UAAkC0B,MAAM1C,EAAQkB,OAAyBlB,EAAQgC,IAAxBhC,EAAQkB,MAArDF,EAAS,YAC5GA,EAAS,gBAAqCJ,IAAzBI,EAAS,YAA4BA,EAAS,YAAchB,EAAQgD,UAGrFhC,EAAS,cAgBT,KAdIW,EAAMtD,EAAE2C,EAAS,eAAeiC,QAE5B3B,KAAK,aAAeK,EAAIL,KAAK,cACjCN,EAAS,YAAY,GAGF,SAAnBW,EAAI,GAAGC,WACY,SAAfD,EAAI,GAAGhD,MAAkC,QAAfgD,EAAI,GAAGhD,OAEjCqC,EAAS,MAAOkC,SAASvB,EAAIL,KAAK,SAAWN,EAAS,QACtDA,EAAS,MAAOkC,SAASvB,EAAIL,KAAK,SAAWN,EAAS,QACtDA,EAAS,OAAQkC,SAASvB,EAAIL,KAAK,UAAYN,EAAS,WAGzC,UAAnBW,EAAI,GAAGC,UAAgD,EAAxBD,EAAI,GAAG3B,QAAQQ,OAAY,CAEN,UAAhDmB,EAAI,GAAGE,aAAa,yBACpBb,EAAS,MAAS0B,MAAM1B,EAAS,QAA4BmC,OAAOxB,EAAI,GAAG3B,QAAQ,GAAGD,OAA3CiB,EAAS,QACpDA,EAAS,MAAOmC,OAAOxB,EAAI,GAAG3B,QAAQ2B,EAAI,GAAGnB,OAAS,GAAGT,QACzDiB,EAAS,OAAQmC,OAAOxB,EAAI,GAAG3B,QAAQ,GAAGD,OAASoD,OAAOxB,EAAI,GAAG3B,QAAQ,GAAGD,UAG5EiB,EAAS,MAAS0B,MAAM1B,EAAS,QAA4BmC,OAAOxB,EAAI,GAAG3B,QAAQ,GAAGkB,OAA3CF,EAAS,QACpDA,EAAS,MAAOmC,OAAOxB,EAAI,GAAG3B,QAAQ2B,EAAI,GAAGnB,OAAS,GAAGU,QACzDF,EAAS,OAAQmC,OAAOxB,EAAI,GAAG3B,QAAQ,GAAGkB,OAASiC,OAAOxB,EAAI,GAAG3B,QAAQ,GAAGkB,SAGhF,IAAIkC,EAAiBzB,EAAIN,KAAK,oBACD,GAAzB+B,EAAe5C,SAEqC,UAAhDmB,EAAI,GAAGE,aAAa,wBACpBb,EAAS,QAASoC,EAAe,GAAGrD,OAGpCiB,EAAS,QAASoC,EAAetB,aAOzCd,EAAS,QAASW,EAAIG,OAS9B,IAAIuB,EAA8B,OAApBtC,EAAK,GAAGa,SAAoB,MAAQ,OAClD7B,IAGA,IAAIuD,EAAO,uGAAyGjF,EAAEmB,OAAOC,KAAKC,WAAa,gIAA0J,GAAxBsB,EAAS,YAAsB,GAAK,iBAAmB,8BAAgC3C,EAAEmB,OAAOC,KAAKE,YAAc,uDAAyDqB,EAAS,OAAS,oBAAsBA,EAAS,OAAS,oBAAsBA,EAAS,SAAW,sKACjiBD,EAAKwC,OAAOD,EAAKE,QAAQ,cAAezD,GAAOyD,QAAQ,gBAAiBH,IAGnEhB,IACDtB,EAAKM,KAAK,iBAAiBiB,IAAI,QAAS,SACxCvB,EAAKM,KAAK,oBAAoBe,SAAS,uBACvCrB,EAAKM,KAAK,iBAAiBe,SAAS,qBAGhB,QAApBpB,EAAS,QACTD,EAAKqB,SAAS,eAAeqB,YAAY,aAGzC1C,EAAKqB,SAAS,aAAaqB,YAAY,eAG3CzC,EAAS,OAAQ0C,KAAKC,MAAMD,KAAKE,UAAU7C,EAAKF,UAGpD,IAAIgD,EAA6B,QAApB7C,EAAS,QAMjB6C,GACD9C,EAAKM,KAAK,mCAAmCyC,OAAO9C,EAAS,eAIjE,IAAII,EAAQL,EAAKM,KAAK,iBACtB,GAAIwC,EAAQ,CAMR,IAJA,IAAIpB,EAAOzB,EAAS,QAChB+C,EAAQ/C,EAAS,OAASA,EAAS,OAEnCgD,EAAM,GACFC,EAAI,EAAGA,EAAGF,EAAOE,IACrBD,GAAOvB,EAGXrB,EAAMC,KAAK,OAAO6C,KAAKF,GAGvBhD,EAAS,YAAaI,EAAM+C,SAAWnD,EAAS,OAASA,EAAS,cAIlEI,EAAM+C,MAAMnD,EAAS,cAAgBA,EAAS,OAASA,EAAS,SAAS8C,OAAO9C,EAAS,eAK7F,IAAIoD,EAAc,iBAAmB,EAAQ,GAAK,QASlD,GARIpD,EAAS,YACTD,EAAKM,KAAK,oBAAoBe,SAASgC,GAGvCrD,EAAKM,KAAK,oBAAoBoC,YAAYW,GAIrB,MAArBpD,EAAS,SAAkB,CAC3B,IAAIqD,GAASrD,EAAS,SAAWA,EAAS,QAAUA,EAAS,aAC7DD,EAAKM,KAAK,oBAAoB8C,MAAME,GAIxC,IAAIC,EAAWvD,EAAKM,KAAK,kBACM,IAA3BiD,EAASzD,KAAK,UACdyD,EAASC,KAAK,QAAS,SAAUC,GAC7BA,EAAEjF,iBAEF+E,EAASG,OAET,IAAIlG,EAAQF,EAAEqG,MAAM,eAEpB,GADA3D,EAAKgB,QAAQxD,GACTA,EAAMoG,qBACN,OAAO,EAGX5D,EAAKvB,OAAO,QAAS,MACrBuB,EAAKgB,QAAQ,WACdlB,KAAK,SAAS,GAKrB,IAAI+D,EAAe,SAAUvB,EAAS9E,GAClC,IAEIsG,GAFStG,EAAoB,eAAIA,EAAMG,eAAe,GAAGoG,MAAQvG,EAAMuG,OAErDzG,EAAEgF,GAAS0B,SAASC,KAK1C,OAJK3C,IAAOwC,EAAUzD,EAAM+C,QAAUU,GAClCA,EAAUzD,EAAM+C,UAAWU,EAAUzD,EAAM+C,SAC3CU,EAAU,IAAKA,EAAU,GAEtBR,EAAQ7B,KAAKyC,KAAKJ,EAAU7D,EAAS,cAAgB,EAAIA,EAAS,WAezEkE,EAAe,SAAUhE,GACzB,IAAI3C,EAAQF,EAAEqG,MAAM,eAEpB,OADA3D,EAAKgB,QAAQxD,EAAO,CAAC2C,KACjB3C,EAAMoG,uBAIV3D,EAAS,QAASE,GACdF,EAAS,gBAEc,UAAnBW,EAAI,GAAGC,UAAwE,UAAhDD,EAAI,GAAGE,aAAa,wBACnDxD,EAAE2C,EAAS,eAAeU,KAAK,gBAAiBR,GAAOa,QAAQ,UAG/D1D,EAAE2C,EAAS,eAAec,IAAIZ,GAAOa,QAAQ,WAGjDf,EAAS,cACTI,EAAMC,KAAK,oBAAoBoC,YAAYW,GAC3CpD,EAAS,YAAY,IAEzBI,EAAMC,KAAK,iBAAiB4B,OAC5B7B,EAAMC,KAAK,oBAAoB8C,MAAMjD,EAAQF,EAAS,aAAgBA,EAAS,OAASA,EAAS,cAAemE,OAChHpE,EAAKgB,QAAQ,QAAS,CAAC,OAAOA,QAAQ,OAAQ,CAAC,OAAOA,QAAQ,QAAS,CAACb,KACjE,IAGNF,EAAS,YA8CVsD,EAASrB,QA1CJjC,EAAS,cACVsD,EAASrB,OAIRjC,EAAS,WACVI,EAAMmD,KAAK,qBAAsBjG,GACjC8C,EAAMgE,UAAU,SAAUZ,IAjDnB,SAAUH,GACrB,IAAIgB,EAAIhB,EAAQrD,EAAS,aAAeA,EAAS,QAC7CsE,EAAIlE,EAAMC,KAAK,iBACnB,GAAIiE,EAAEzE,KAAK,UAAYwE,EAAG,CACtBjE,EAAMC,KAAK,oBAAoB4B,OAC/BqC,EAAEnB,MAAMkB,GAAGF,OAAOtE,KAAK,QAASwE,GAChC,IAAIxE,EAAO,CAAEwD,EAAQrD,EAAS,QAAWA,EAAS,QAClDD,EAAKgB,QAAQ,QAASlB,GAAMkB,QAAQ,OAAQlB,IA4CxC0E,CADYX,EAAarE,KAAMiE,MAInCpD,EAAMoE,WAAW,SAAUhB,GACvBpD,EAAMC,KAAK,iBAAiB4B,OAAOkB,MAAM,GAAGtD,KAAK,QAAS,IAC1DE,EAAKgB,QAAQ,QAAS,CAAC,OAAOA,QAAQ,OAAQ,CAAC,OAC/CX,EAAMC,KAAK,oBAAoB8D,SAGnC/D,EAAMqE,QAAQ,SAAUjB,GACpB,IACItD,EADQ0D,EAAarE,KAAMiE,GACVxD,EAAS,QAAWA,EAAS,OAClDkE,EAAahE,GACbE,EAAMqD,SAIVrD,EAAMsE,MAAM,SAAUlB,GACH,IAAXA,EAAEmB,OAAenB,EAAEmB,QAAUtD,EAAM,GAAK,KACxC6C,EAAa1C,KAAKR,IAAIhB,EAAS,SAAWA,EAAS,QAASA,EAAS,SAE1D,IAAXwD,EAAEmB,OAAenB,EAAEmB,QAAUtD,EAAM,GAAK,KACxC6C,EAAa1C,KAAKP,IAAIjB,EAAS,SAAWA,EAAS,QAASA,EAAS,WAI7EA,EAAS,SAAS,IAElBA,EAAS,cACTsD,EAASa,QAOjB/D,EAAME,KAAK,gBAAiBN,EAAS,gBA2B7C3C,EAAEuB,GAAGJ,OAAOmB,SAAW,CAAEqB,IAAK,EAAGC,IAAK,EAAGC,KAAM,GAAKjC,KAAM,KAAMwC,KAAM,IAAKK,UAAW,GAAIC,WAAY,GAAIJ,UAAU,EAAOC,WAAW,EAAMI,UAAU,GAGtJ3E,EAAE,WAAcA,EAAE,2BAA2BmB,WAvZjD,CAyZGoG","file":"jquery.rateit.min.js","sourcesContent":["/*! RateIt | v1.1.2 / 03/28/2019\r\n    https://github.com/gjunge/rateit.js | Twitter: @gjunge\r\n*/\r\n(function ($) {\r\n    $.rateit = {\r\n        aria: {\r\n            resetLabel: 'reset rating',\r\n            ratingLabel: 'rating'\r\n        }\r\n    };\r\n\r\n    $.fn.rateit = function (p1, p2) {\r\n        //quick way out.\r\n        var index = 1;\r\n        var options = {}; var mode = 'init';\r\n        var capitaliseFirstLetter = function (string) {\r\n            return string.charAt(0).toUpperCase() + string.substr(1);\r\n        };\r\n\r\n        if (this.length === 0) { return this; }\r\n\r\n\r\n        var tp1 = $.type(p1);\r\n        if (tp1 == 'object' || p1 === undefined || p1 === null) {\r\n            options = $.extend({}, $.fn.rateit.defaults, p1); //wants to init new rateit plugin(s).\r\n        }\r\n        else if (tp1 == 'string' && p1 !== 'reset' && p2 === undefined) {\r\n            return this.data('rateit' + capitaliseFirstLetter(p1)); //wants to get a value.\r\n        }\r\n        else if (tp1 == 'string') {\r\n            mode = 'setvalue';\r\n        }\r\n\r\n        return this.each(function () {\r\n            var item = $(this);\r\n\r\n\r\n            //shorten all the item.data('rateit-XXX'), will save space in closure compiler, will be like item.data('XXX') will become x('XXX')\r\n            var itemdata = function (key, value) {\r\n\r\n                if (value != null) {\r\n                    //update aria values\r\n                    var ariakey = 'aria-value' + ((key == 'value') ? 'now' : key);\r\n                    var range = item.find('.rateit-range');\r\n                    if (range.attr(ariakey) != undefined) {\r\n                        range.attr(ariakey, value);\r\n                    }\r\n\r\n                }\r\n\r\n                arguments[0] = 'rateit' + capitaliseFirstLetter(key);\r\n                return item.data.apply(item, arguments); ////Fix for WI: 523\r\n            };\r\n\r\n            //handle programmatic reset\r\n            if (p1 == 'reset') {\r\n                var setup = itemdata('init'); //get initial value\r\n                for (var prop in setup) {\r\n                    item.data(prop, setup[prop]);\r\n                }\r\n\r\n                if (itemdata('backingfld')) { //reset also backingfield\r\n                    var fld = $(itemdata('backingfld'));\r\n                    // If backing field is a select box with valuesrc option set to \"index\", reset its selectedIndex property; otherwise, reset its value.\r\n                    if (fld[0].nodeName == 'SELECT' && fld[0].getAttribute('data-rateit-valuesrc') === 'index') {\r\n                        fld.prop('selectedIndex', itemdata('value'));\r\n                    }\r\n                    else {\r\n                        fld.val(itemdata('value'));\r\n                    }\r\n                    fld.trigger('change');\r\n                    if (fld[0].min) { fld[0].min = itemdata('min'); }\r\n                    if (fld[0].max) { fld[0].max = itemdata('max'); }\r\n                    if (fld[0].step) { fld[0].step = itemdata('step'); }\r\n                }\r\n                item.trigger('reset');\r\n            }\r\n\r\n            //add the rate it class.\r\n            if (!item.hasClass('rateit')) { item.addClass('rateit'); }\r\n\r\n            var ltr = item.css('direction') != 'rtl';\r\n\r\n            // set value mode\r\n            if (mode == 'setvalue') {\r\n                if (!itemdata('init')) { throw 'Can\\'t set value before init'; }\r\n\r\n\r\n                //if readonly now and it wasn't readonly, remove the eventhandlers.\r\n                if (p1 == 'readonly' && p2 == true && !itemdata('readonly')) {\r\n                    item.find('.rateit-range').unbind();\r\n                    itemdata('wired', false);\r\n                }\r\n                //when we receive a null value, reset the score to its min value.\r\n                if (p1 == 'value') {\r\n                    p2 = (p2 == null) ? itemdata('min') : Math.max(itemdata('min'), Math.min(itemdata('max'), p2));\r\n                }\r\n                if (itemdata('backingfld')) {\r\n                    //if we have a backing field, check which fields we should update. \r\n                    //In case of input[type=range], although we did read its attributes even in browsers that don't support it (using fld.attr())\r\n                    //we only update it in browser that support it (&& fld[0].min only works in supporting browsers), not only does it save us from checking if it is range input type, it also is unnecessary.\r\n                    var fld = $(itemdata('backingfld'));\r\n                    // If backing field is a select box with valuesrc option set to \"index\", update its selectedIndex property; otherwise, update its value.\r\n                    if (fld[0].nodeName == 'SELECT' && fld[0].getAttribute('data-rateit-valuesrc') === 'index') {\r\n                        if (p1 == 'value') { fld.prop('selectedIndex', p2); }\r\n                    }\r\n                    else {\r\n                        if (p1 == 'value') { fld.val(p2); }\r\n                    }\r\n                    if (p1 == 'min' && fld[0].min) { fld[0].min = p2; }\r\n                    if (p1 == 'max' && fld[0].max) { fld[0].max = p2;}\r\n                    if (p1 == 'step' && fld[0].step) { fld[0].step = p2; }\r\n                }\r\n\r\n                itemdata(p1, p2);\r\n            }\r\n\r\n\r\n            //init rateit plugin\r\n            if (!itemdata('init')) {\r\n\r\n                //get our values, either from the data-* html5 attribute or from the options.\r\n                itemdata('mode', itemdata('mode') || options.mode)\r\n                itemdata('icon', itemdata('icon') || options.icon)\r\n                itemdata('min', isNaN(itemdata('min')) ? options.min : itemdata('min'));\r\n                itemdata('max', isNaN(itemdata('max')) ? options.max : itemdata('max'));\r\n                itemdata('step', itemdata('step') || options.step);\r\n                itemdata('readonly', itemdata('readonly') !== undefined ? itemdata('readonly') : options.readonly);\r\n                itemdata('resetable', itemdata('resetable') !== undefined ? itemdata('resetable') : options.resetable);\r\n                itemdata('backingfld', itemdata('backingfld') || options.backingfld);\r\n                itemdata('starwidth', itemdata('starwidth') || options.starwidth);\r\n                itemdata('starheight', itemdata('starheight') || options.starheight);\r\n                itemdata('value', Math.max(itemdata('min'), Math.min(itemdata('max'), (!isNaN(itemdata('value')) ? itemdata('value') : (!isNaN(options.value) ? options.value : options.min)))));\r\n                itemdata('ispreset', itemdata('ispreset') !== undefined ? itemdata('ispreset') : options.ispreset);\r\n                //are we LTR or RTL?\r\n\r\n                if (itemdata('backingfld')) {\r\n                    //if we have a backing field, hide it, override defaults if range or select.\r\n                    var fld = $(itemdata('backingfld')).hide();\r\n\r\n                    if (fld.attr('disabled') || fld.attr('readonly')) {\r\n                        itemdata('readonly', true); //http://rateit.codeplex.com/discussions/362055 , if a backing field is disabled or readonly at instantiation, make rateit readonly.\r\n                    }\r\n\r\n                    if (fld[0].nodeName == 'INPUT') {\r\n                        if (fld[0].type == 'range' || fld[0].type == 'text') { //in browsers not support the range type, it defaults to text\r\n\r\n                            itemdata('min', parseInt(fld.attr('min')) || itemdata('min')); //if we would have done fld[0].min it wouldn't have worked in browsers not supporting the range type.\r\n                            itemdata('max', parseInt(fld.attr('max')) || itemdata('max'));\r\n                            itemdata('step', parseInt(fld.attr('step')) || itemdata('step'));\r\n                        }\r\n                    }\r\n                    if (fld[0].nodeName == 'SELECT' && fld[0].options.length > 1) {\r\n                        // If backing field is a select box with valuesrc option set to \"index\", use the indexes of its options; otherwise, use the values.\r\n                        if (fld[0].getAttribute('data-rateit-valuesrc') === 'index') {\r\n                            itemdata('min', (!isNaN(itemdata('min')) ? itemdata('min') : Number(fld[0].options[0].index)));\r\n                            itemdata('max', Number(fld[0].options[fld[0].length - 1].index));\r\n                            itemdata('step', Number(fld[0].options[1].index) - Number(fld[0].options[0].index));\r\n                        }\r\n                        else {\r\n                            itemdata('min', (!isNaN(itemdata('min')) ? itemdata('min') : Number(fld[0].options[0].value)));\r\n                            itemdata('max', Number(fld[0].options[fld[0].length - 1].value));\r\n                            itemdata('step', Number(fld[0].options[1].value) - Number(fld[0].options[0].value));\r\n                        }\r\n                        //see if we have a option that as explicity been selected\r\n                        var selectedOption = fld.find('option[selected]');\r\n                        if (selectedOption.length == 1) {\r\n                            // If backing field is a select box with valuesrc option set to \"index\", use the index of selected option; otherwise, use the value.\r\n                            if (fld[0].getAttribute('data-rateit-valuesrc') === 'index') {\r\n                                itemdata('value', selectedOption[0].index);\r\n                            }\r\n                            else {\r\n                                itemdata('value', selectedOption.val());\r\n                            }\r\n                        }\r\n                    }\r\n                    else {\r\n                        //if it is not a select box, we can get's it's value using the val function. \r\n                        //If it is a selectbox, we always get a value (the first one of the list), even if it was not explicity set.\r\n                        itemdata('value', fld.val());\r\n                    }\r\n\r\n                   \r\n                }\r\n\r\n              \r\n\r\n                //Create the necessary tags. For ARIA purposes we need to give the items an ID. So we use an internal index to create unique ids\r\n                var element = item[0].nodeName == 'DIV' ? 'div' : 'span';\r\n                index++;\r\n\r\n                // tabindex=\"0\" gets only added in readonly mode. When keyboard tabbing, no focus is needed in readonly mode.\r\n                var html = '<button id=\"rateit-reset-{{index}}\" type=\"button\" data-role=\"none\" class=\"rateit-reset\" aria-label=\"' + $.rateit.aria.resetLabel + '\" aria-controls=\"rateit-range-{{index}}\"><span></span></button><{{element}} id=\"rateit-range-{{index}}\" class=\"rateit-range\"' + (itemdata('readonly') == true ? '' : ' tabindex=\"0\"') + ' role=\"slider\" aria-label=\"' + $.rateit.aria.ratingLabel + '\" aria-owns=\"rateit-reset-{{index}}\" aria-valuemin=\"' + itemdata('min') + '\" aria-valuemax=\"' + itemdata('max') + '\" aria-valuenow=\"' + itemdata('value') + '\"><{{element}} class=\"rateit-empty\"></{{element}}><{{element}} class=\"rateit-selected\"></{{element}}><{{element}} class=\"rateit-hover\"></{{element}}></{{element}}>';\r\n                item.append(html.replace(/{{index}}/gi, index).replace(/{{element}}/gi, element));\r\n\r\n                //if we are in RTL mode, we have to change the float of the \"reset button\"\r\n                if (!ltr) {\r\n                    item.find('.rateit-reset').css('float', 'right');\r\n                    item.find('.rateit-selected').addClass('rateit-selected-rtl');\r\n                    item.find('.rateit-hover').addClass('rateit-hover-rtl');\r\n                }\r\n\r\n                if (itemdata('mode') == 'font') {\r\n                    item.addClass('rateit-font').removeClass('rateit-bg');\r\n                }\r\n                else {\r\n                    item.addClass('rateit-bg').removeClass('rateit-font');\r\n                }\r\n\r\n                itemdata('init', JSON.parse(JSON.stringify(item.data()))); //cheap way to create a clone\r\n            }\r\n\r\n            var isfont = itemdata('mode') == 'font';\r\n\r\n            \r\n\r\n\r\n            //resize the height of all elements, \r\n            if (!isfont) {\r\n                item.find('.rateit-selected, .rateit-hover').height(itemdata('starheight'));\r\n            }\r\n\r\n\r\n            var range = item.find('.rateit-range');\r\n            if (isfont) {\r\n                //fill the ranges with the icons\r\n                var icon = itemdata('icon');\r\n                var stars = itemdata('max') - itemdata('min');\r\n\r\n                var txt = '';\r\n                for(var i = 0; i< stars; i++){\r\n                    txt += icon;\r\n                }\r\n                \r\n                range.find('> *').text(txt);\r\n                \r\n\r\n                itemdata('starwidth', range.width() / (itemdata('max') - itemdata('min')))\r\n            }\r\n            else {\r\n                //set the range element to fit all the stars.\r\n                range.width(itemdata('starwidth') * (itemdata('max') - itemdata('min'))).height(itemdata('starheight'));\r\n            }\r\n\r\n\r\n            //add/remove the preset class\r\n            var presetclass = 'rateit-preset' + ((ltr) ? '' : '-rtl');\r\n            if (itemdata('ispreset')) {\r\n                item.find('.rateit-selected').addClass(presetclass);\r\n            }\r\n            else {\r\n                item.find('.rateit-selected').removeClass(presetclass);\r\n            }\r\n\r\n            //set the value if we have it.\r\n            if (itemdata('value') != null) {\r\n                var score = (itemdata('value') - itemdata('min')) * itemdata('starwidth');\r\n                item.find('.rateit-selected').width(score);\r\n            }\r\n\r\n            //setup the reset button\r\n            var resetbtn = item.find('.rateit-reset');\r\n            if (resetbtn.data('wired') !== true) {\r\n                resetbtn.bind('click', function (e) {\r\n                    e.preventDefault();\r\n\r\n                    resetbtn.blur();\r\n\r\n                    var event = $.Event('beforereset');\r\n                    item.trigger(event);\r\n                    if (event.isDefaultPrevented()) {\r\n                        return false;\r\n                    }\r\n\r\n                    item.rateit('value', null);\r\n                    item.trigger('reset');\r\n                }).data('wired', true);\r\n\r\n            }\r\n\r\n            //this function calculates the score based on the current position of the mouse.\r\n            var calcRawScore = function (element, event) {\r\n                var pageX = (event.changedTouches) ? event.changedTouches[0].pageX : event.pageX;\r\n\r\n                var offsetx = pageX - $(element).offset().left;\r\n                if (!ltr) { offsetx = range.width() - offsetx };\r\n                if (offsetx > range.width()) { offsetx = range.width(); }\r\n                if (offsetx < 0) { offsetx = 0; }\r\n\r\n                return score = Math.ceil(offsetx / itemdata('starwidth') * (1 / itemdata('step')));\r\n            };\r\n\r\n            //sets the hover element based on the score.\r\n            var setHover = function (score) {\r\n                var w = score * itemdata('starwidth') * itemdata('step');\r\n                var h = range.find('.rateit-hover');\r\n                if (h.data('width') != w) {\r\n                    range.find('.rateit-selected').hide();\r\n                    h.width(w).show().data('width', w);\r\n                    var data = [(score * itemdata('step')) + itemdata('min')];\r\n                    item.trigger('hover', data).trigger('over', data);\r\n                }\r\n            };\r\n\r\n            var setSelection = function (value) {\r\n                var event = $.Event('beforerated');\r\n                item.trigger(event, [value]);\r\n                if (event.isDefaultPrevented()) {\r\n                    return false;\r\n                }\r\n\r\n                itemdata('value', value);\r\n                if (itemdata('backingfld')) {\r\n                    // If backing field is a select box with valuesrc option set to \"index\", update its selectedIndex property; otherwise, update its value.\r\n                    if (fld[0].nodeName == 'SELECT' && fld[0].getAttribute('data-rateit-valuesrc') === 'index') {\r\n                        $(itemdata('backingfld')).prop('selectedIndex', value).trigger('change');\r\n                    }\r\n                    else {\r\n                        $(itemdata('backingfld')).val(value).trigger('change');\r\n                    }\r\n                }\r\n                if (itemdata('ispreset')) { //if it was a preset value, unset that.\r\n                    range.find('.rateit-selected').removeClass(presetclass);\r\n                    itemdata('ispreset', false);\r\n                }\r\n                range.find('.rateit-hover').hide();\r\n                range.find('.rateit-selected').width(value * itemdata('starwidth') - (itemdata('min') * itemdata('starwidth'))).show();\r\n                item.trigger('hover', [null]).trigger('over', [null]).trigger('rated', [value]);\r\n                return true;\r\n            };\r\n\r\n            if (!itemdata('readonly')) {\r\n                //if we are not read only, add all the events\r\n\r\n                //if we have a reset button, set the event handler.\r\n                if (!itemdata('resetable')) {\r\n                    resetbtn.hide();\r\n                }\r\n\r\n                //when the mouse goes over the range element, we set the \"hover\" stars.\r\n                if (!itemdata('wired')) {\r\n                    range.bind('touchmove touchend', touchHandler); //bind touch events\r\n                    range.mousemove(function (e) {\r\n                        var score = calcRawScore(this, e);\r\n                        setHover(score);\r\n                    });\r\n                    //when the mouse leaves the range, we have to hide the hover stars, and show the current value.\r\n                    range.mouseleave(function (e) {\r\n                        range.find('.rateit-hover').hide().width(0).data('width', '');\r\n                        item.trigger('hover', [null]).trigger('over', [null]);\r\n                        range.find('.rateit-selected').show();\r\n                    });\r\n                    //when we click on the range, we have to set the value, hide the hover.\r\n                    range.mouseup(function (e) {\r\n                        var score = calcRawScore(this, e);\r\n                        var value = (score * itemdata('step')) + itemdata('min');\r\n                        setSelection(value);\r\n                        range.blur();\r\n                    });\r\n\r\n                    //support key nav\r\n                    range.keyup(function (e) {\r\n                        if (e.which == 38 || e.which == (ltr ? 39 : 37)) {\r\n                            setSelection(Math.min(itemdata('value') + itemdata('step'), itemdata('max')));\r\n                        }\r\n                        if (e.which == 40 || e.which == (ltr ? 37 : 39)) {\r\n                            setSelection(Math.max(itemdata('value') - itemdata('step'), itemdata('min')));\r\n                        }\r\n                    });\r\n\r\n                    itemdata('wired', true);\r\n                }\r\n                if (itemdata('resetable')) {\r\n                    resetbtn.show();\r\n                }\r\n            }\r\n            else {\r\n                resetbtn.hide();\r\n            }\r\n\r\n            range.attr('aria-readonly', itemdata('readonly'));\r\n        });\r\n    };\r\n\r\n    //touch converter http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/\r\n    function touchHandler(event) {\r\n\r\n        var touches = event.originalEvent.changedTouches,\r\n                first = touches[0],\r\n                type = \"\";\r\n        switch (event.type) {\r\n            case \"touchmove\": type = \"mousemove\"; break;\r\n            case \"touchend\": type = \"mouseup\"; break;\r\n            default: return;\r\n        }\r\n\r\n        var simulatedEvent = document.createEvent(\"MouseEvent\");\r\n        simulatedEvent.initMouseEvent(type, true, true, window, 1,\r\n                              first.screenX, first.screenY,\r\n                              first.clientX, first.clientY, false,\r\n                              false, false, false, 0/*left*/, null);\r\n\r\n        first.target.dispatchEvent(simulatedEvent);\r\n        event.preventDefault();\r\n    };\r\n\r\n    //some default values.\r\n    $.fn.rateit.defaults = { min: 0, max: 5, step: 0.5, mode: 'bg', icon: '★', starwidth: 16, starheight: 16, readonly: false, resetable: true, ispreset: false };\r\n\r\n    //invoke it on all .rateit elements. This could be removed if not wanted.\r\n    $(function () { $('div.rateit, span.rateit').rateit(); });\r\n\r\n})(jQuery);\r\n"]}
\ No newline at end of file
diff --git a/src/assessment/widgets/rateit/rateit.css b/src/assessment/widgets/rateit/rateit.css
new file mode 100644
index 0000000..727599b
--- /dev/null
+++ b/src/assessment/widgets/rateit/rateit.css
@@ -0,0 +1,145 @@
+.rateit {
+    display: -moz-inline-box;
+    display: inline-block;
+    position: relative;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+}
+
+    .rateit .rateit-range {
+        position: relative;
+        display: -moz-inline-box;
+        display: inline-block;
+        background: url(star.gif);
+        height: 16px;
+        outline: none;
+    }
+
+        .rateit .rateit-range * {
+            display: block;
+        }
+
+    /* for IE 6 */
+    * html .rateit, * html .rateit .rateit-range {
+        display: inline;
+    }
+
+        /* for IE 7 */
+        * + html .rateit, * + html .rateit .rateit-range {
+            display: inline;
+        }
+
+            .rateit .rateit-hover, .rateit .rateit-selected {
+                position: absolute;
+                left: 0;
+                top: 0;
+                width: 0;
+            }
+
+            .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
+                left: auto;
+                right: 0;
+            }
+
+            .rateit .rateit-hover {
+                background: url(star.gif) left -32px;
+                color: rgb(239, 197, 41);
+            }
+
+            .rateit .rateit-hover-rtl {
+                background-position: right -32px;
+            }
+
+            .rateit .rateit-selected {
+                background: url(star.gif) left -16px;
+                color: rgb(191,66,66);
+            }
+
+            .rateit .rateit-selected-rtl {
+                background-position: right -16px;
+            }
+
+            .rateit .rateit-preset {
+                background: url(star.gif) left -48px;
+                color: rgb(239, 107, 34);
+            }
+
+            .rateit .rateit-preset-rtl {
+                background: url(star.gif) left -48px;
+            }
+
+            .rateit button.rateit-reset {
+                background: url(delete.gif) 0 0;
+                width: 16px;
+                height: 16px;
+                display: -moz-inline-box;
+                display: inline-block;
+                float: left;
+                outline: none;
+                border: none;
+                padding: 0;
+            }
+
+            .rateit .rateit-reset span {
+                display: none;
+            }
+
+            .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
+                background-position: 0 -16px;
+            }
+
+
+.rateit-font {
+    font-size: 24px;
+    line-height: 1em;
+}
+
+    .rateit-font .rateit-range {
+        background: none;
+        height: auto;
+    }
+
+    .rateit-font .rateit-empty {
+        color: #ccc;
+    }
+
+    .rateit-font .rateit-range > div, .rateit-font .rateit-range > span {
+        background: none;
+        overflow: hidden;
+        cursor: default;
+    }
+
+.rateit.rateit-font .rateit-reset {
+    font-size: inherit;
+    background: none;
+    width: 0.6em;
+    height: 0.6em;
+    margin-top: 0.2em;
+    background: gray;
+    border-radius: 50%;
+    position: relative;
+}
+
+    .rateit.rateit-font .rateit-reset span {
+        display: block;
+        font-weight: bold;
+        color: white;
+        height: calc(50% - 0.045em);
+        top: 0;
+        position: absolute;
+        border-bottom: 0.09em solid white;
+        width: 72%;
+        margin-left: 14%;
+    }
+
+
+.rateit.rateit-font .rateit-reset:hover, .rateit.rateit-font button.rateit-reset:focus {
+    background: #e6574b; /* Old browsers */
+    background: radial-gradient(ellipse at center, #e6574b 55%,#f6836b 77%,#f9d3cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    background-position: 0 0;
+}
diff --git a/src/assessment/widgets/rateit/star.gif b/src/assessment/widgets/rateit/star.gif
new file mode 100644
index 0000000..cd14729
Binary files /dev/null and b/src/assessment/widgets/rateit/star.gif differ
diff --git a/src/model/models.py b/src/model/models.py
index 0b35944..9ea15a4 100644
--- a/src/model/models.py
+++ b/src/model/models.py
@@ -9,7 +9,7 @@
 
 class Project(models.Model):
     p_id = models.AutoField(
-        verbose_name = 'project ID'
+        verbose_name = 'project ID',
         name = 'pID',
         primary_key = True,
         unique = True)
@@ -218,7 +218,7 @@ def validate_file_size(value):
 
 class Assessment(models.Model):
     a_id = models.AutoField(
-        verbose_name = 'assessment ID'
+        verbose_name = 'assessment ID',
         name = 'aID',
         primary_key = True,
         unique = True)
diff --git a/src/search/__init__.py b/src/search/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/search/admin.py b/src/search/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/src/search/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/src/search/apps.py b/src/search/apps.py
new file mode 100644
index 0000000..5726231
--- /dev/null
+++ b/src/search/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class SearchConfig(AppConfig):
+    name = 'search'
diff --git a/src/search/migrations/__init__.py b/src/search/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/search/models.py b/src/search/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/src/search/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/src/search/static/search/main.css b/src/search/static/search/main.css
new file mode 100644
index 0000000..00d9e08
--- /dev/null
+++ b/src/search/static/search/main.css
@@ -0,0 +1,84 @@
+body {
+    background: #fafafa;
+    color: #333333;
+    margin-top: 5rem;
+  }
+  
+  h1, h2, h3, h4, h5, h6 {
+    color: #444444;
+  }
+
+  ul {
+    margin: 0;
+  }
+  
+  .bg-steel {
+    background-color: #5f788a;
+  }
+  
+  .site-header .navbar-nav .nav-link {
+    color: #cbd5db;
+  }
+  
+  .site-header .navbar-nav .nav-link:hover {
+    color: #ffffff;
+  }
+  
+  .site-header .navbar-nav .nav-link.active {
+    font-weight: 500;
+  }
+  
+  .content-section {
+    background: #ffffff;
+    padding: 10px 20px;
+    border: 1px solid #dddddd;
+    border-radius: 3px;
+    margin-bottom: 20px;
+  }
+  
+  .article-title {
+    color: #444444;
+  }
+  
+  a.article-title:hover {
+    color: #428bca;
+    text-decoration: none;
+  }
+  
+  .article-content {
+    white-space: pre-line;
+  }
+  
+  .article-img {
+    height: 65px;
+    width: 65px;
+    margin-right: 16px;
+  }
+  
+  .article-metadata {
+    padding-bottom: 1px;
+    margin-bottom: 4px;
+    border-bottom: 1px solid #e3e3e3
+  }
+  
+  .article-metadata a:hover {
+    color: #333;
+    text-decoration: none;
+  }
+  
+  .article-svg {
+    width: 25px;
+    height: 25px;
+    vertical-align: middle;
+  }
+  
+  .account-img {
+    height: 125px;
+    width: 125px;
+    margin-right: 20px;
+    margin-bottom: 16px;
+  }
+  
+  .account-heading {
+    font-size: 2.5rem;
+  }
\ No newline at end of file
diff --git a/src/search/templates/search/base.html b/src/search/templates/search/base.html
new file mode 100644
index 0000000..67ae19b
--- /dev/null
+++ b/src/search/templates/search/base.html
@@ -0,0 +1,73 @@
+{% load static %}
+<!DOCTYPE html>
+<html>
+    <head>
+        <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="{% static 'search/main.css' %}">
+
+    {% if title %}
+        <title>MODU-{{title}}</title>
+    {% else %}
+        <title>MODU</title>
+    {% endif %}
+   
+    <body>
+        <header class="site-header">
+            <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
+              <div class="container">
+                <a class="navbar-brand mr-4" href="{% url 'search-project' %}">MODU</a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarToggle">
+                  <div class="navbar-nav mr-auto">
+                    <a class="nav-item nav-link" href="{% url 'search-project' %}">MODU 모여라</a>
+                    <a class="nav-item nav-link" href="{% url 'search-developer' %}">MODU 어딨니</a>
+                  </div>
+                  <!-- Navbar Right Side -->
+                  <div class="navbar-nav">
+                    <a class="nav-item nav-link" href="#">Signin</a>
+                    <a class="nav-item nav-link" href="#">Login</a>
+                    <a class="nav-item nav-link" href="#">Logout</a>
+                  </div>
+                </div>
+              </div>
+            </nav>
+          </header>
+
+        <main role="main" class="container">
+            <div class="row">
+                {% for post in posts %}
+                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
+                    {% block content %}{% endblock %}
+                    </div>
+                {% endfor %}
+              <div class="col-md-2 ">
+                <div class="content-section">
+                  <h3>Filter</h3>
+                  <p class='text-muted'>You can choose any filter you'd like.
+                    <ul class="list-group">
+                      <li class="list-group-item list-group-item-light">Filter1</li>
+                      <li class="list-group-item list-group-item-light">Filter2</li>
+                      <li class="list-group-item list-group-item-light">Filter3</li>
+                      <li class="list-group-item list-group-item-light">etc</li>
+                    </ul>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </main>
+
+        <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/search/templates/search/developer.html b/src/search/templates/search/developer.html
new file mode 100644
index 0000000..27487d5
--- /dev/null
+++ b/src/search/templates/search/developer.html
@@ -0,0 +1,5 @@
+{% extends "search/base.html" %}
+
+{% block content %}
+    <h1>Developer Page</h1>
+{% endblock content %}
\ No newline at end of file
diff --git a/src/search/templates/search/header.html b/src/search/templates/search/header.html
new file mode 100644
index 0000000..26dc89c
--- /dev/null
+++ b/src/search/templates/search/header.html
@@ -0,0 +1,22 @@
+<header class="site-header">
+    <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
+      <div class="container">
+        <a class="navbar-brand mr-4" href="{% url 'search-project' %}">MODU</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarToggle">
+          <div class="navbar-nav mr-auto">
+            <a class="nav-item nav-link" href="{% url 'search-project' %}">MODU 모여라</a>
+            <a class="nav-item nav-link" href="{% url 'search-developer' %}">MODU 어딨니</a>
+          </div>
+          <!-- Navbar Right Side -->
+          <div class="navbar-nav">
+            <a class="nav-item nav-link" href="#">Signin</a>
+            <a class="nav-item nav-link" href="#">Login</a>
+            <a class="nav-item nav-link" href="#">Logout</a>
+          </div>
+        </div>
+      </div>
+    </nav>
+  </header>
\ No newline at end of file
diff --git a/src/search/templates/search/project.html b/src/search/templates/search/project.html
new file mode 100644
index 0000000..e9fd104
--- /dev/null
+++ b/src/search/templates/search/project.html
@@ -0,0 +1,14 @@
+{% extends "search/base.html" %}
+
+{% block content %}
+    <article class="media content-section">
+        <div class="media-body">
+        <div class="article-metadata">
+            <a class="mr-2" href="#">{{ post.proposer_name }}</a>
+            <small class="text-muted">{{ post.created_time}}</small>
+        </div>
+        <h2><a class="article-title" href="#">{{ post.project_name }}</a></h2>
+        <p class="article-content">{{ post.project_simple_info }}</p>
+        <p class="article-content">Duration: {{post.duration_choices}}</p>
+        </div>
+{% endblock content %}
\ No newline at end of file
diff --git a/src/search/tests.py b/src/search/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/src/search/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/src/search/urls.py b/src/search/urls.py
new file mode 100644
index 0000000..2e30566
--- /dev/null
+++ b/src/search/urls.py
@@ -0,0 +1,7 @@
+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('project/', views.project, name='search-project'),
+    path('developer/', views.developer, name='search-developer'),
+]
\ No newline at end of file
diff --git a/src/search/views.py b/src/search/views.py
new file mode 100644
index 0000000..ba90ecd
--- /dev/null
+++ b/src/search/views.py
@@ -0,0 +1,46 @@
+from django.shortcuts import render
+
+posts=[
+    {
+        'project_name': '소상공인 마케팅',
+        'purpose': '소상공인들이 자유롭게 온라인으로 제품 판매',
+        'proposer_name':'김모두',
+        #'expected_ouput':'소상공인 제품 판매',
+        'status_choices':'진행중',
+        'duration_choices':'3개월',
+        'project_simple_info':'소상공인들을 위한 플렛폼',
+        'created_time': '2020-06-09'
+        #'project_detailed_info':'....'
+    },
+    {
+        'project_name': '소상공인 마케팅2',
+        'purpose': '소상공인들이 자유롭게 온라인으로 제품 판매2',
+        'proposer_name':'김모두2',
+        #'expected_ouput':'소상공인 제품 판매',
+        'status_choices':'진행중2',
+        'duration_choices':'3개월2',
+        'project_simple_info':'소상공인들을 위한 플렛폼2',
+        'created_time': '2020-06-10'
+        #'project_detailed_info':'....'
+    },
+    {
+        'project_name': '소상공인 마케팅3',
+        'purpose': '소상공인들이 자유롭게 온라인으로 제품 판매3',
+        'proposer_name':'김모두3',
+        #'expected_ouput':'소상공인 제품 판매',
+        'status_choices':'진행중3',
+        'duration_choices':'3개월3',
+        'project_simple_info':'소상공인들을 위한 플렛폼3',
+        'created_time': '2020-06-1'
+        #'project_detailed_info':'....'
+    }
+]
+def project(request):
+    context={
+        'posts': posts
+    }
+    return render(request, 'search/project.html',context)
+
+
+def developer(request):
+    return render(request, 'search/developer.html',{'title':'Developer Search'})
diff --git a/src/searchDeveloper/__init__.py b/src/searchDeveloper/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/searchDeveloper/admin.py b/src/searchDeveloper/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/src/searchDeveloper/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/src/searchDeveloper/apps.py b/src/searchDeveloper/apps.py
new file mode 100644
index 0000000..e797ff0
--- /dev/null
+++ b/src/searchDeveloper/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class SearchdeveloperConfig(AppConfig):
+    name = 'searchDeveloper'
diff --git a/src/searchDeveloper/forms.py b/src/searchDeveloper/forms.py
new file mode 100644
index 0000000..7360aaf
--- /dev/null
+++ b/src/searchDeveloper/forms.py
@@ -0,0 +1,4 @@
+from django import forms
+
+class DeveloperSearchForm(forms.Form):
+    search_developer = forms.Charfield(label='Search Developer')
\ No newline at end of file
diff --git a/src/searchDeveloper/migrations/__init__.py b/src/searchDeveloper/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/searchDeveloper/models.py b/src/searchDeveloper/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/src/searchDeveloper/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/src/searchDeveloper/tests.py b/src/searchDeveloper/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/src/searchDeveloper/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/src/searchDeveloper/urls.py b/src/searchDeveloper/urls.py
new file mode 100644
index 0000000..e6513ca
--- /dev/null
+++ b/src/searchDeveloper/urls.py
@@ -0,0 +1,3 @@
+from django.conf.urls import url
+from .views import *
+urlpatterns = [url(r'^searchdeveloper/$', SearchDeveloperFormView.as_view(), name='searchdeveloper'),]
\ No newline at end of file
diff --git a/src/searchDeveloper/views.py b/src/searchDeveloper/views.py
new file mode 100644
index 0000000..63939e1
--- /dev/null
+++ b/src/searchDeveloper/views.py
@@ -0,0 +1,22 @@
+from django.shortcuts import render
+from django.db.models import Q
+from .models import Developer
+from .forms import DeveloperSearchForm
+from django.views.generic.edit import FormView
+
+# Create your views here
+class SearchDeveloperFormView(FormView):
+    form_class = DeveloperSearchForm
+    #template_name='개발자 검색 페이지'
+
+    def form_valid(self, form):
+        search_developer= self.request.DEVELOPER['search_developer']
+        developer_list=Developer.objects.filter(Q(u_id__icontains=search_developer))
+        context={}
+        context['form']=form
+        context['search_term']=search_developer
+        context['object_list']=developer_list
+
+        return render(self.request, self.#teamplate_name, 
+        context)
+   
\ No newline at end of file
diff --git a/src/searchProject/__init__.py b/src/searchProject/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/searchProject/admin.py b/src/searchProject/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/src/searchProject/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/src/searchProject/apps.py b/src/searchProject/apps.py
new file mode 100644
index 0000000..98cd067
--- /dev/null
+++ b/src/searchProject/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class SearchprojectConfig(AppConfig):
+    name = 'searchProject'
diff --git a/src/searchProject/forms.py b/src/searchProject/forms.py
new file mode 100644
index 0000000..25bb858
--- /dev/null
+++ b/src/searchProject/forms.py
@@ -0,0 +1,4 @@
+from django import forms
+
+class ProjectrSearchForm(forms.Form):
+    search_project = forms.Charfield(label='Search Project')
\ No newline at end of file
diff --git a/src/searchProject/migrations/__init__.py b/src/searchProject/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/searchProject/models.py b/src/searchProject/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/src/searchProject/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/src/searchProject/tests.py b/src/searchProject/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/src/searchProject/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/src/searchProject/urls.py b/src/searchProject/urls.py
new file mode 100644
index 0000000..7a57f46
--- /dev/null
+++ b/src/searchProject/urls.py
@@ -0,0 +1,3 @@
+from django.conf.urls import url
+from .views import *
+urlpatterns = [url(r'^searchproject/$', SearchProjectFormView.as_view(), name='searchproject'),]
\ No newline at end of file
diff --git a/src/searchProject/views.py b/src/searchProject/views.py
new file mode 100644
index 0000000..876472e
--- /dev/null
+++ b/src/searchProject/views.py
@@ -0,0 +1,22 @@
+from django.shortcuts import render
+from django.db.models import Q
+from .models import Project
+from .forms import ProjectSearchForm
+from django.views.generic.edit import FormView
+
+# Create your views here
+class SearchProjectFormView(FormView):
+    form_class = ProjectSearchForm
+    #template_name='프로젝트 검색 페이지'
+
+    def form_valid(self, form):
+        search_project= self.request.POST['search_project']
+        project_list=Project.objects.filter(Q(p_id__icontains=search_project)|Q(detailed_info__icontains=search_project)|Q(project_name__icontains=search_project)).order_by('created_time')
+        context={}
+        context['form']=form
+        context['search_term']=search_project
+        context['object_list']=project_list
+
+        return render(self.request, self.#teamplate_name, 
+        context)
+   
\ No newline at end of file
diff --git a/src/users/__init__.py b/src/users/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/users/admin.py b/src/users/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/src/users/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/src/users/apps.py b/src/users/apps.py
new file mode 100644
index 0000000..4ce1fab
--- /dev/null
+++ b/src/users/apps.py
@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class UsersConfig(AppConfig):
+    name = 'users'
diff --git a/src/users/migrations/__init__.py b/src/users/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/src/users/models.py b/src/users/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/src/users/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/src/users/templates/users/signup.html b/src/users/templates/users/signup.html
new file mode 100644
index 0000000..48f7ad9
--- /dev/null
+++ b/src/users/templates/users/signup.html
@@ -0,0 +1,19 @@
+{% extends "search/base.html" %}
+
+{% block content %}
+    <div class="content-section">
+        <form method="POST">
+            {% csrf_token %}
+            <fieldset class="form-group">
+                <legend class="border-bottom mb-4">Join Today</legend>
+                {{form}}
+            </fieldset>
+            <div class="form-group">
+                <button class="btn btn-outline-info" type="submit">Sign Up</button>
+            </div>
+        </form>
+        <div class="border-top pt-3">
+            <small class="text-muted">Already have an account? <a class="ml-2" href="#">Log In</a></small>
+        </div>
+    </div>
+{% endblock content %}
\ No newline at end of file
diff --git a/src/users/tests.py b/src/users/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/src/users/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/src/users/views.py b/src/users/views.py
new file mode 100644
index 0000000..26ead9f
--- /dev/null
+++ b/src/users/views.py
@@ -0,0 +1,6 @@
+from django.shortcuts import render
+from django.contrib.auth.forms import UserCreationForm
+
+def signup(request):
+    form=UserCreationForm()
+    return render(request,'users/signup.html',{'form':form})