diff --git a/Task1/.editorconfig b/Task1/.editorconfig
new file mode 100644
index 0000000..8a80734
--- /dev/null
+++ b/Task1/.editorconfig
@@ -0,0 +1,21 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 4
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/Task1/.gitattributes b/Task1/.gitattributes
new file mode 100644
index 0000000..2125666
--- /dev/null
+++ b/Task1/.gitattributes
@@ -0,0 +1 @@
+* text=auto
\ No newline at end of file
diff --git a/Task1/.gitignore b/Task1/.gitignore
new file mode 100644
index 0000000..2f4628a
--- /dev/null
+++ b/Task1/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+dist
+.tmp
+.sass-cache
+bower_components
+test/bower_components
diff --git a/Task1/.gitkeep b/Task1/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Task1/.jshintrc b/Task1/.jshintrc
new file mode 100644
index 0000000..287bc43
--- /dev/null
+++ b/Task1/.jshintrc
@@ -0,0 +1,21 @@
+{
+    "node": true,
+    "browser": true,
+    "esnext": true,
+    "bitwise": true,
+    "camelcase": true,
+    "curly": true,
+    "eqeqeq": true,
+    "immed": true,
+    "indent": 4,
+    "latedef": true,
+    "newcap": true,
+    "noarg": true,
+    "quotmark": "single",
+    "undef": true,
+    "unused": true,
+    "strict": true,
+    "trailing": true,
+    "smarttabs": true,
+    "jquery": true
+}
diff --git a/Task1/Gruntfile.js b/Task1/Gruntfile.js
new file mode 100644
index 0000000..d42bb6f
--- /dev/null
+++ b/Task1/Gruntfile.js
@@ -0,0 +1,424 @@
+// Generated on 2014-05-27 using generator-webapp 0.4.9
+'use strict';
+
+// # Globbing
+// for performance reasons we're only matching one level down:
+// 'test/spec/{,*/}*.js'
+// use this if you want to recursively match all subfolders:
+// 'test/spec/**/*.js'
+
+module.exports = function (grunt) {
+
+    // Load grunt tasks automatically
+    require('load-grunt-tasks')(grunt);
+
+    // Time how long tasks take. Can help when optimizing build times
+    require('time-grunt')(grunt);
+
+    // Configurable paths
+    var config = {
+        app: 'app',
+        dist: 'dist'
+    };
+
+    // Define the configuration for all the tasks
+    grunt.initConfig({
+
+        // Project settings
+        config: config,
+
+        // Watches files for changes and runs tasks based on the changed files
+        watch: {
+            bower: {
+                files: ['bower.json'],
+                tasks: ['bowerInstall']
+            },
+            js: {
+                files: ['<%= config.app %>/scripts/{,*/}*.js'],
+                tasks: ['jshint'],
+                options: {
+                    livereload: true
+                }
+            },
+            coffee: {
+                files: 'app/coffee/*.coffee',
+                tasks: ['coffee:compile']
+            },
+            coffeeTests: {
+                files: ['test/coffee/*.coffee'],
+                tasks: ['coffee:compileTests']
+            },
+            features: {
+                files: ['features/*.feature', 'features/step_definitions/*.js'],
+                tasks: ['cucumberjs']
+            },
+            jstest: {
+                files: ['test/spec/{,*/}*.js', 'test/index.html'],
+                tasks: ['test:watch']
+            },
+            gruntfile: {
+                files: ['Gruntfile.js']
+            },
+            styles: {
+                files: ['<%= config.app %>/styles/{,*/}*.css'],
+                tasks: ['newer:copy:styles', 'autoprefixer']
+            },
+            livereload: {
+                options: {
+                    livereload: '<%= connect.options.livereload %>'
+                },
+                files: [
+                    '<%= config.app %>/{,*/}*.html',
+                    '.tmp/styles/{,*/}*.css',
+                    '<%= config.app %>/images/{,*/}*'
+                ]
+            }
+        },
+        cucumberjs: {
+          src: 'features/features',
+            options: {
+              steps: "features/step_definitions"
+          }
+        },
+        coffee: {
+          compile: {
+            options: {
+                bare: true
+            },
+            expand: true,
+            flatten: true,
+            cwd: "" + __dirname + "/app/coffee/",
+            src: ['*.coffee'],
+            dest: 'app/scripts/',
+            ext: '.js',
+          },
+          compileTests: {
+            options: {
+                bare: true
+            },
+            expand: true,
+            flatten: true,
+            cwd: "" + __dirname + "/test/coffee/",
+            src: ['*.coffee'],
+            dest: 'test/spec/',
+            ext: '.js',
+          },
+        },
+
+        // The actual grunt server settings
+        connect: {
+            options: {
+                port: 9000,
+                open: true,
+                livereload: 35729,
+                // Change this to '0.0.0.0' to access the server from outside
+                hostname: 'localhost'
+            },
+            livereload: {
+                options: {
+                    middleware: function(connect) {
+                        return [
+                            connect.static('.tmp'),
+                            connect().use('/bower_components', connect.static('./bower_components')),
+                            connect.static(config.app)
+                        ];
+                    }
+                }
+            },
+            test: {
+                options: {
+                    open: false,
+                    port: 9001,
+                    middleware: function(connect) {
+                        return [
+                            connect.static('.tmp'),
+                            connect.static('test'),
+                            connect().use('/scripts', connect.static('./app/scripts')),
+                            connect().use('/bower_components', connect.static('./bower_components')),
+                            connect.static(config.app)
+                        ];
+                    }
+                }
+            },
+            dist: {
+                options: {
+                    base: '<%= config.dist %>',
+                    livereload: false
+                }
+            }
+        },
+
+        // Empties folders to start fresh
+        clean: {
+            dist: {
+                files: [{
+                    dot: true,
+                    src: [
+                        '.tmp',
+                        '<%= config.dist %>/*',
+                        '!<%= config.dist %>/.git*'
+                    ]
+                }]
+            },
+            server: '.tmp'
+        },
+
+        // Make sure code styles are up to par and there are no obvious mistakes
+        jshint: {
+            options: {
+                jshintrc: '.jshintrc',
+                reporter: require('jshint-stylish')
+            },
+            all: [
+                'Gruntfile.js',
+                '<%= config.app %>/scripts/{,*/}*.js',
+                '!<%= config.app %>/scripts/vendor/*',
+                'test/spec/{,*/}*.js'
+            ]
+        },
+
+        // Mocha testing framework configuration options
+        mocha: {
+            all: {
+                options: {
+                    scripts: [
+                        'app/scripts/*.js',
+                        'test/spec/*.js',
+                    ],
+                    run: true,
+                    reporter: 'Spec',
+                    urls: ['http://<%= connect.test.options.hostname %>:<%= connect.test.options.port %>/index.html']
+                }
+            }
+        },
+
+        // Add vendor prefixed styles
+        autoprefixer: {
+            options: {
+                browsers: ['last 1 version']
+            },
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '.tmp/styles/',
+                    src: '{,*/}*.css',
+                    dest: '.tmp/styles/'
+                }]
+            }
+        },
+
+        // Automatically inject Bower components into the HTML file
+        bowerInstall: {
+            app: {
+                src: ['<%= config.app %>/index.html'],
+                exclude: ['bower_components/bootstrap/dist/js/bootstrap.js']
+            }
+        },
+
+        // Renames files for browser caching purposes
+        rev: {
+            dist: {
+                files: {
+                    src: [
+                        '<%= config.dist %>/scripts/{,*/}*.js',
+                        '<%= config.dist %>/styles/{,*/}*.css',
+                        '<%= config.dist %>/images/{,*/}*.*',
+                        '<%= config.dist %>/styles/fonts/{,*/}*.*',
+                        '<%= config.dist %>/*.{ico,png}'
+                    ]
+                }
+            }
+        },
+
+        // Reads HTML for usemin blocks to enable smart builds that automatically
+        // concat, minify and revision files. Creates configurations in memory so
+        // additional tasks can operate on them
+        useminPrepare: {
+            options: {
+                dest: '<%= config.dist %>'
+            },
+            html: '<%= config.app %>/index.html'
+        },
+
+        // Performs rewrites based on rev and the useminPrepare configuration
+        usemin: {
+            options: {
+                assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images']
+            },
+            html: ['<%= config.dist %>/{,*/}*.html'],
+            css: ['<%= config.dist %>/styles/{,*/}*.css']
+        },
+
+        // The following *-min tasks produce minified files in the dist folder
+        imagemin: {
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.app %>/images',
+                    src: '{,*/}*.{gif,jpeg,jpg,png}',
+                    dest: '<%= config.dist %>/images'
+                }]
+            }
+        },
+
+        svgmin: {
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.app %>/images',
+                    src: '{,*/}*.svg',
+                    dest: '<%= config.dist %>/images'
+                }]
+            }
+        },
+
+        htmlmin: {
+            dist: {
+                options: {
+                    collapseBooleanAttributes: true,
+                    collapseWhitespace: true,
+                    removeAttributeQuotes: true,
+                    removeCommentsFromCDATA: true,
+                    removeEmptyAttributes: true,
+                    removeOptionalTags: true,
+                    removeRedundantAttributes: true,
+                    useShortDoctype: true
+                },
+                files: [{
+                    expand: true,
+                    cwd: '<%= config.dist %>',
+                    src: '{,*/}*.html',
+                    dest: '<%= config.dist %>'
+                }]
+            }
+        },
+
+        // By default, your `index.html`'s <!-- Usemin block --> will take care of
+        // minification. These next options are pre-configured if you do not wish
+        // to use the Usemin blocks.
+        // cssmin: {
+        //     dist: {
+        //         files: {
+        //             '<%= config.dist %>/styles/main.css': [
+        //                 '.tmp/styles/{,*/}*.css',
+        //                 '<%= config.app %>/styles/{,*/}*.css'
+        //             ]
+        //         }
+        //     }
+        // },
+        // uglify: {
+        //     dist: {
+        //         files: {
+        //             '<%= config.dist %>/scripts/scripts.js': [
+        //                 '<%= config.dist %>/scripts/scripts.js'
+        //             ]
+        //         }
+        //     }
+        // },
+        // concat: {
+        //     dist: {}
+        // },
+
+        // Copies remaining files to places other tasks can use
+        copy: {
+            dist: {
+                files: [{
+                    expand: true,
+                    dot: true,
+                    cwd: '<%= config.app %>',
+                    dest: '<%= config.dist %>',
+                    src: [
+                        '*.{ico,png,txt}',
+                        '.htaccess',
+                        'images/{,*/}*.webp',
+                        '{,*/}*.html',
+                        'styles/fonts/{,*/}*.*'
+                    ]
+                }, {
+                    expand: true,
+                    dot: true,
+                    cwd: 'bower_components/bootstrap/dist',
+                    src: ['fonts/*.*'],
+                    dest: '<%= config.dist %>'
+                }]
+            },
+            styles: {
+                expand: true,
+                dot: true,
+                cwd: '<%= config.app %>/styles',
+                dest: '.tmp/styles/',
+                src: '{,*/}*.css'
+            }
+        },
+
+        // Run some tasks in parallel to speed up build process
+        concurrent: {
+            server: [
+                'copy:styles'
+            ],
+            test: [
+                'copy:styles'
+            ],
+            dist: [
+                'copy:styles',
+                'imagemin',
+                'svgmin'
+            ]
+        }
+    });
+
+
+    grunt.registerTask('serve', function (target) {
+        if (target === 'dist') {
+            return grunt.task.run(['build', 'connect:dist:keepalive']);
+        }
+
+        grunt.task.run([
+            'clean:server',
+            'concurrent:server',
+            'autoprefixer',
+            'connect:livereload',
+            'watch'
+        ]);
+    });
+
+    grunt.registerTask('server', function (target) {
+        grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.');
+        grunt.task.run([target ? ('serve:' + target) : 'serve']);
+    });
+
+    grunt.registerTask('test', function (target) {
+        if (target !== 'watch') {
+            grunt.task.run([
+                'clean:server',
+                'concurrent:test',
+                'autoprefixer'
+            ]);
+        }
+
+        grunt.task.run([
+            'connect:test',
+            'mocha'
+        ]);
+    });
+
+    grunt.registerTask('build', [
+        'clean:dist',
+        'useminPrepare',
+        'concurrent:dist',
+        'autoprefixer',
+        'concat',
+        'cssmin',
+        'uglify',
+        'copy:dist',
+        'rev',
+        'usemin',
+        'htmlmin'
+    ]);
+
+    grunt.registerTask('default', [
+        'newer:jshint',
+        'test',
+        'build'
+    ]);
+};
diff --git a/Task1/README.md b/Task1/README.md
new file mode 100644
index 0000000..7745a2e
--- /dev/null
+++ b/Task1/README.md
@@ -0,0 +1,37 @@
+Volodymyr Gamula
+=========
+
+This is a project, which realizes [this task].
+
+[demo]
+
+Project was written with using next instruments:
+  - [Bower]
+  - [Grunt]
+  - [Coffescript]
+  - [Mocha] test runner
+  - [Chai] test instruments
+  - [Cucumber] test instrument for BDD Specs
+
+
+Version
+----
+
+1.0
+
+License
+----
+
+[MIT]
+
+**
+[this task]: https://github.com/ftrrtf/xpk/blob/master/task1/desc.md
+[Grunt]: http://gruntjs.com
+[Bower]: http://bower.io
+[Coffescript]: http://coffeescript.org/
+[Mocha]: http://visionmedia.github.io/mocha/
+[Chai]: http://chaijs.com/
+[node.js]: http://nodejs.org
+[MIT]: http://opensource.org/licenses/MIT
+[demo]: https://vgamula.github.io/console/
+[Cucumber]: https://github.com/cucumber/cucumber-js
\ No newline at end of file
diff --git a/Task1/app/.htaccess b/Task1/app/.htaccess
new file mode 100644
index 0000000..ca34658
--- /dev/null
+++ b/Task1/app/.htaccess
@@ -0,0 +1,663 @@
+# Apache Server Configs v2.2.0 | MIT License
+# https://github.com/h5bp/server-configs-apache
+
+# (!) Using `.htaccess` files slows down Apache, therefore, if you have access
+# to the main server config file (usually called `httpd.conf`), you should add
+# this logic there: http://httpd.apache.org/docs/current/howto/htaccess.html.
+
+# ##############################################################################
+# # CROSS-ORIGIN RESOURCE SHARING (CORS)                                       #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Cross-domain AJAX requests                                                 |
+# ------------------------------------------------------------------------------
+
+# Allow cross-origin AJAX requests.
+# http://code.google.com/p/html5security/wiki/CrossOriginRequestSecurity
+# http://enable-cors.org/
+
+# <IfModule mod_headers.c>
+#    Header set Access-Control-Allow-Origin "*"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | CORS-enabled images                                                        |
+# ------------------------------------------------------------------------------
+
+# Send the CORS header for images when browsers request it.
+# https://developer.mozilla.org/en-US/docs/HTML/CORS_Enabled_Image
+# http://blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
+# http://hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
+
+<IfModule mod_setenvif.c>
+    <IfModule mod_headers.c>
+        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
+            SetEnvIf Origin ":" IS_CORS
+            Header set Access-Control-Allow-Origin "*" env=IS_CORS
+        </FilesMatch>
+    </IfModule>
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Web fonts access                                                           |
+# ------------------------------------------------------------------------------
+
+# Allow access to web fonts from all domains.
+
+<IfModule mod_headers.c>
+    <FilesMatch "\.(eot|otf|tt[cf]|woff)$">
+        Header set Access-Control-Allow-Origin "*"
+    </FilesMatch>
+</IfModule>
+
+
+# ##############################################################################
+# # ERRORS                                                                     #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | 404 error prevention for non-existing redirected folders                   |
+# ------------------------------------------------------------------------------
+
+# Prevent Apache from returning a 404 error as the result of a rewrite
+# when the directory with the same name does not exist.
+# http://httpd.apache.org/docs/current/content-negotiation.html#multiviews
+# http://www.webmasterworld.com/apache/3808792.htm
+
+Options -MultiViews
+
+# ------------------------------------------------------------------------------
+# | Custom error messages / pages                                              |
+# ------------------------------------------------------------------------------
+
+# Customize what Apache returns to the client in case of an error.
+# http://httpd.apache.org/docs/current/mod/core.html#errordocument
+
+ErrorDocument 404 /404.html
+
+
+# ##############################################################################
+# # INTERNET EXPLORER                                                          #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Better website experience                                                  |
+# ------------------------------------------------------------------------------
+
+# Force Internet Explorer to render pages in the highest available mode
+# in the various cases when it may not.
+# http://hsivonen.iki.fi/doctype/ie-mode.pdf
+
+<IfModule mod_headers.c>
+    Header set X-UA-Compatible "IE=edge"
+    # `mod_headers` cannot match based on the content-type, however, this
+    # header should be send only for HTML pages and not for the other resources
+    <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+        Header unset X-UA-Compatible
+    </FilesMatch>
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Cookie setting from iframes                                                |
+# ------------------------------------------------------------------------------
+
+# Allow cookies to be set from iframes in Internet Explorer.
+# http://msdn.microsoft.com/en-us/library/ms537343.aspx
+# http://www.w3.org/TR/2000/CR-P3P-20001215/
+
+# <IfModule mod_headers.c>
+#   Header set P3P "policyref=\"/w3c/p3p.xml\", CP=\"IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT\""
+# </IfModule>
+
+
+# ##############################################################################
+# # MIME TYPES AND ENCODING                                                    #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Proper MIME types for all files                                            |
+# ------------------------------------------------------------------------------
+
+<IfModule mod_mime.c>
+
+  # Audio
+    AddType audio/mp4                                   m4a f4a f4b
+    AddType audio/ogg                                   oga ogg opus
+
+  # Data interchange
+    AddType application/json                            json map
+    AddType application/ld+json                         jsonld
+
+  # JavaScript
+    # Normalize to standard type.
+    # http://tools.ietf.org/html/rfc4329#section-7.2
+    AddType application/javascript                      js
+
+  # Video
+    AddType video/mp4                                   f4v f4p m4v mp4
+    AddType video/ogg                                   ogv
+    AddType video/webm                                  webm
+    AddType video/x-flv                                 flv
+
+  # Web fonts
+    AddType application/font-woff                       woff
+    AddType application/vnd.ms-fontobject               eot
+
+    # Browsers usually ignore the font MIME types and simply sniff the bytes
+    # to figure out the font type.
+    # http://mimesniff.spec.whatwg.org/#matching-a-font-type-pattern
+
+    # Chrome however, shows a warning if any other MIME types are used for
+    # the following fonts.
+
+    AddType application/x-font-ttf                      ttc ttf
+    AddType font/opentype                               otf
+
+    # Make SVGZ fonts work on the iPad.
+    # https://twitter.com/FontSquirrel/status/14855840545
+    AddType     image/svg+xml                           svgz
+    AddEncoding gzip                                    svgz
+
+  # Other
+    AddType application/octet-stream                    safariextz
+    AddType application/x-chrome-extension              crx
+    AddType application/x-opera-extension               oex
+    AddType application/x-web-app-manifest+json         webapp
+    AddType application/x-xpinstall                     xpi
+    AddType application/xml                             atom rdf rss xml
+    AddType image/webp                                  webp
+    AddType image/x-icon                                cur
+    AddType text/cache-manifest                         appcache manifest
+    AddType text/vtt                                    vtt
+    AddType text/x-component                            htc
+    AddType text/x-vcard                                vcf
+
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | UTF-8 encoding                                                             |
+# ------------------------------------------------------------------------------
+
+# Use UTF-8 encoding for anything served as `text/html` or `text/plain`.
+AddDefaultCharset utf-8
+
+# Force UTF-8 for certain file formats.
+<IfModule mod_mime.c>
+    AddCharset utf-8 .atom .css .js .json .jsonld .rss .vtt .webapp .xml
+</IfModule>
+
+
+# ##############################################################################
+# # URL REWRITES                                                               #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Rewrite engine                                                             |
+# ------------------------------------------------------------------------------
+
+# Turn on the rewrite engine and enable the `FollowSymLinks` option (this is
+# necessary in order for the following directives to work).
+
+# If your web host doesn't allow the `FollowSymlinks` option, you may need to
+# comment it out and use `Options +SymLinksIfOwnerMatch`, but be aware of the
+# performance impact.
+# http://httpd.apache.org/docs/current/misc/perf-tuning.html#symlinks
+
+# Also, some cloud hosting services require `RewriteBase` to be set.
+# http://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-mod-rewrite-not-working-on-my-site
+
+<IfModule mod_rewrite.c>
+    Options +FollowSymlinks
+  # Options +SymLinksIfOwnerMatch
+    RewriteEngine On
+  # RewriteBase /
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Suppressing / Forcing the `www.` at the beginning of URLs                  |
+# ------------------------------------------------------------------------------
+
+# The same content should never be available under two different URLs,
+# especially not with and without `www.` at the beginning. This can cause
+# SEO problems (duplicate content), and therefore, you should choose one
+# of the alternatives and redirect the other one.
+
+# By default `Option 1` (no `www.`) is activated.
+# http://no-www.org/faq.php?q=class_b
+
+# If you would prefer to use `Option 2`, just comment out all the lines
+# from `Option 1` and uncomment the ones from `Option 2`.
+
+# IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Option 1: rewrite www.example.com → example.com
+
+<IfModule mod_rewrite.c>
+    RewriteCond %{HTTPS} !=on
+    RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+    RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
+</IfModule>
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Option 2: rewrite example.com → www.example.com
+
+# Be aware that the following might not be a good idea if you use "real"
+# subdomains for certain parts of your website.
+
+# <IfModule mod_rewrite.c>
+#    RewriteCond %{HTTPS} !=on
+#    RewriteCond %{HTTP_HOST} !^www\. [NC]
+#    RewriteCond %{SERVER_ADDR} !=127.0.0.1
+#    RewriteCond %{SERVER_ADDR} !=::1
+#    RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
+# </IfModule>
+
+
+# ##############################################################################
+# # SECURITY                                                                   #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Clickjacking                                                               |
+# ------------------------------------------------------------------------------
+
+# Protect website against clickjacking.
+
+# The example below sends the `X-Frame-Options` response header with the value
+# `DENY`, informing browsers not to display the web page content in any frame.
+
+# This might not be the best setting for everyone. You should read about the
+# other two possible values for `X-Frame-Options`: `SAMEORIGIN` & `ALLOW-FROM`.
+# http://tools.ietf.org/html/rfc7034#section-2.1
+
+# Keep in mind that while you could send the `X-Frame-Options` header for all
+# of your site’s pages, this has the potential downside that it forbids even
+# non-malicious framing of your content (e.g.: when users visit your site using
+# a Google Image Search results page).
+
+# Nonetheless, you should ensure that you send the `X-Frame-Options` header for
+# all pages that allow a user to make a state changing operation (e.g: pages
+# that contain one-click purchase links, checkout or bank-transfer confirmation
+# pages, pages that make permanent configuration changes, etc.).
+
+# Sending the `X-Frame-Options` header can also protect your website against
+# more than just clickjacking attacks: https://cure53.de/xfo-clickjacking.pdf.
+
+# http://tools.ietf.org/html/rfc7034
+# http://blogs.msdn.com/b/ieinternals/archive/2010/03/30/combating-clickjacking-with-x-frame-options.aspx
+# https://www.owasp.org/index.php/Clickjacking
+
+# <IfModule mod_headers.c>
+#     Header set X-Frame-Options "DENY"
+#     <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+#         Header unset X-Frame-Options
+#     </FilesMatch>
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Content Security Policy (CSP)                                              |
+# ------------------------------------------------------------------------------
+
+# Mitigate the risk of cross-site scripting and other content-injection attacks.
+
+# This can be done by setting a `Content Security Policy` which whitelists
+# trusted sources of content for your website.
+
+# The example header below allows ONLY scripts that are loaded from the current
+# site's origin (no inline scripts, no CDN, etc). This almost certainly won't
+# work as-is for your site!
+
+# For more details on how to craft a reasonable policy for your site, read:
+# http://html5rocks.com/en/tutorials/security/content-security-policy (or the
+# specification: http://w3.org/TR/CSP). Also, to make things easier, you can
+# use an online CSP header generator such as: http://cspisawesome.com/.
+
+# <IfModule mod_headers.c>
+#     Header set Content-Security-Policy "script-src 'self'; object-src 'self'"
+#     <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+#         Header unset Content-Security-Policy
+#     </FilesMatch>
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | File access                                                                |
+# ------------------------------------------------------------------------------
+
+# Block access to directories without a default document.
+# You should leave the following uncommented, as you shouldn't allow anyone to
+# surf through every directory on your server (which may includes rather private
+# places such as the CMS's directories).
+
+<IfModule mod_autoindex.c>
+    Options -Indexes
+</IfModule>
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Block access to hidden files and directories.
+# This includes directories used by version control systems such as Git and SVN.
+
+<IfModule mod_rewrite.c>
+    RewriteCond %{SCRIPT_FILENAME} -d [OR]
+    RewriteCond %{SCRIPT_FILENAME} -f
+    RewriteRule "(^|/)\." - [F]
+</IfModule>
+
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Block access to files that can expose sensitive information.
+
+# By default, block access to backup and source files that may be left by some
+# text editors and can pose a security risk when anyone has access to them.
+# http://feross.org/cmsploit/
+
+# IMPORTANT: Update the `<FilesMatch>` regular expression from below to include
+# any files that might end up on your production server and can expose sensitive
+# information about your website. These files may include: configuration files,
+# files that contain metadata about the project (e.g.: project dependencies),
+# build scripts, etc..
+
+<FilesMatch "(^#.*#|\.(bak|config|dist|fla|in[ci]|log|psd|sh|sql|sw[op])|~)$">
+
+    # Apache < 2.3
+    <IfModule !mod_authz_core.c>
+        Order allow,deny
+        Deny from all
+        Satisfy All
+    </IfModule>
+
+    # Apache ≥ 2.3
+    <IfModule mod_authz_core.c>
+        Require all denied
+    </IfModule>
+
+</FilesMatch>
+
+# ------------------------------------------------------------------------------
+# | Reducing MIME-type security risks                                          |
+# ------------------------------------------------------------------------------
+
+# Prevent some browsers from MIME-sniffing the response.
+
+# This reduces exposure to drive-by download attacks and should be enable
+# especially if the web server is serving user uploaded content, content
+# that could potentially be treated by the browser as executable.
+
+# http://blogs.msdn.com/b/ie/archive/2008/07/02/ie8-security-part-v-comprehensive-protection.aspx
+# http://msdn.microsoft.com/en-us/library/ie/gg622941.aspx
+# http://mimesniff.spec.whatwg.org/
+
+# <IfModule mod_headers.c>
+#     Header set X-Content-Type-Options "nosniff"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Reflected Cross-Site Scripting (XSS) attacks                               |
+# ------------------------------------------------------------------------------
+
+# (1) Try to re-enable the Cross-Site Scripting (XSS) filter built into the
+#     most recent web browsers.
+#
+#     The filter is usually enabled by default, but in some cases it may be
+#     disabled by the user. However, in Internet Explorer for example, it can
+#     be re-enabled just by sending the `X-XSS-Protection` header with the
+#     value of `1`.
+#
+# (2) Prevent web browsers from rendering the web page if a potential reflected
+#     (a.k.a non-persistent) XSS attack is detected by the filter.
+#
+#     By default, if the filter is enabled and browsers detect a reflected
+#     XSS attack, they will attempt to block the attack by making the smallest
+#     possible modifications to the returned web page.
+#
+#     Unfortunately, in some browsers (e.g.: Internet Explorer), this default
+#     behavior may allow the XSS filter to be exploited, thereby, it's better
+#     to tell browsers to prevent the rendering of the page altogether, instead
+#     of attempting to modify it.
+#
+#     http://hackademix.net/2009/11/21/ies-xss-filter-creates-xss-vulnerabilities
+#
+# IMPORTANT: Do not rely on the XSS filter to prevent XSS attacks! Ensure that
+# you are taking all possible measures to prevent XSS attacks, the most obvious
+# being: validating and sanitizing your site's inputs.
+#
+# http://blogs.msdn.com/b/ie/archive/2008/07/02/ie8-security-part-iv-the-xss-filter.aspx
+# http://blogs.msdn.com/b/ieinternals/archive/2011/01/31/controlling-the-internet-explorer-xss-filter-with-the-x-xss-protection-http-header.aspx
+# https://www.owasp.org/index.php/Cross-site_Scripting_%28XSS%29
+
+# <IfModule mod_headers.c>
+#     #                           (1)    (2)
+#     Header set X-XSS-Protection "1; mode=block"
+#     <FilesMatch "\.(appcache|atom|crx|css|cur|eot|f4[abpv]|flv|gif|htc|ico|jpe?g|js|json(ld)?|m4[av]|manifest|map|mp4|oex|og[agv]|opus|otf|pdf|png|rdf|rss|safariextz|svgz?|swf|tt[cf]|vcf|vtt|webapp|web[mp]|woff|xml|xpi)$">
+#         Header unset X-XSS-Protection
+#     </FilesMatch>
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Secure Sockets Layer (SSL)                                                 |
+# ------------------------------------------------------------------------------
+
+# Rewrite secure requests properly in order to prevent SSL certificate warnings.
+# E.g.: prevent `https://www.example.com` when your certificate only allows
+# `https://secure.example.com`.
+
+# <IfModule mod_rewrite.c>
+#    RewriteCond %{SERVER_PORT} !^443
+#    RewriteRule ^ https://example-domain-please-change-me.com%{REQUEST_URI} [R=301,L]
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | HTTP Strict Transport Security (HSTS)                                      |
+# ------------------------------------------------------------------------------
+
+# Force client-side SSL redirection.
+
+# If a user types `example.com` in his browser, the above rule will redirect
+# him to the secure version of the site. That still leaves a window of
+# opportunity (the initial HTTP connection) for an attacker to downgrade or
+# redirect the request.
+
+# The following header ensures that browser will ONLY connect to your server
+# via HTTPS, regardless of what the users type in the address bar.
+
+# http://tools.ietf.org/html/draft-ietf-websec-strict-transport-sec-14#section-6.1
+# http://www.html5rocks.com/en/tutorials/security/transport-layer-security/
+
+# IMPORTANT: Remove the `includeSubDomains` optional directive if the subdomains
+# are not using HTTPS.
+
+# <IfModule mod_headers.c>
+#    Header set Strict-Transport-Security "max-age=16070400; includeSubDomains"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | Server software information                                                |
+# ------------------------------------------------------------------------------
+
+# Avoid displaying the exact Apache version number, the description of the
+# generic OS-type and the information about Apache's compiled-in modules.
+
+# ADD THIS DIRECTIVE IN THE `httpd.conf` AS IT WILL NOT WORK IN THE `.htaccess`!
+
+# ServerTokens Prod
+
+
+# ##############################################################################
+# # WEB PERFORMANCE                                                            #
+# ##############################################################################
+
+# ------------------------------------------------------------------------------
+# | Compression                                                                |
+# ------------------------------------------------------------------------------
+
+<IfModule mod_deflate.c>
+
+    # Force compression for mangled headers.
+    # http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping
+    <IfModule mod_setenvif.c>
+        <IfModule mod_headers.c>
+            SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
+            RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
+        </IfModule>
+    </IfModule>
+
+    # Compress all output labeled with one of the following MIME-types
+    # (for Apache versions below 2.3.7, you don't need to enable `mod_filter`
+    #  and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines
+    #  as `AddOutputFilterByType` is still in the core directives).
+    <IfModule mod_filter.c>
+        AddOutputFilterByType DEFLATE application/atom+xml \
+                                      application/javascript \
+                                      application/json \
+                                      application/ld+json \
+                                      application/rss+xml \
+                                      application/vnd.ms-fontobject \
+                                      application/x-font-ttf \
+                                      application/x-web-app-manifest+json \
+                                      application/xhtml+xml \
+                                      application/xml \
+                                      font/opentype \
+                                      image/svg+xml \
+                                      image/x-icon \
+                                      text/css \
+                                      text/html \
+                                      text/plain \
+                                      text/x-component \
+                                      text/xml
+    </IfModule>
+
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Content transformations                                                    |
+# ------------------------------------------------------------------------------
+
+# Prevent mobile network providers from modifying the website's content.
+# http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9.5.
+
+# <IfModule mod_headers.c>
+#    Header set Cache-Control "no-transform"
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | ETags                                                                      |
+# ------------------------------------------------------------------------------
+
+# Remove `ETags` as resources are sent with far-future expires headers.
+# http://developer.yahoo.com/performance/rules.html#etags.
+
+# `FileETag None` doesn't work in all cases.
+<IfModule mod_headers.c>
+    Header unset ETag
+</IfModule>
+
+FileETag None
+
+# ------------------------------------------------------------------------------
+# | Expires headers                                                            |
+# ------------------------------------------------------------------------------
+
+# The following expires headers are set pretty far in the future. If you
+# don't control versioning with filename-based cache busting, consider
+# lowering the cache time for resources such as style sheets and JavaScript
+# files to something like one week.
+
+<IfModule mod_expires.c>
+
+    ExpiresActive on
+    ExpiresDefault                                      "access plus 1 month"
+
+  # CSS
+    ExpiresByType text/css                              "access plus 1 year"
+
+  # Data interchange
+    ExpiresByType application/json                      "access plus 0 seconds"
+    ExpiresByType application/ld+json                   "access plus 0 seconds"
+    ExpiresByType application/xml                       "access plus 0 seconds"
+    ExpiresByType text/xml                              "access plus 0 seconds"
+
+  # Favicon (cannot be renamed!) and cursor images
+    ExpiresByType image/x-icon                          "access plus 1 week"
+
+  # HTML components (HTCs)
+    ExpiresByType text/x-component                      "access plus 1 month"
+
+  # HTML
+    ExpiresByType text/html                             "access plus 0 seconds"
+
+  # JavaScript
+    ExpiresByType application/javascript                "access plus 1 year"
+
+  # Manifest files
+    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
+    ExpiresByType text/cache-manifest                   "access plus 0 seconds"
+
+  # Media
+    ExpiresByType audio/ogg                             "access plus 1 month"
+    ExpiresByType image/gif                             "access plus 1 month"
+    ExpiresByType image/jpeg                            "access plus 1 month"
+    ExpiresByType image/png                             "access plus 1 month"
+    ExpiresByType video/mp4                             "access plus 1 month"
+    ExpiresByType video/ogg                             "access plus 1 month"
+    ExpiresByType video/webm                            "access plus 1 month"
+
+  # Web feeds
+    ExpiresByType application/atom+xml                  "access plus 1 hour"
+    ExpiresByType application/rss+xml                   "access plus 1 hour"
+
+  # Web fonts
+    ExpiresByType application/font-woff                 "access plus 1 month"
+    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
+    ExpiresByType application/x-font-ttf                "access plus 1 month"
+    ExpiresByType font/opentype                         "access plus 1 month"
+    ExpiresByType image/svg+xml                         "access plus 1 month"
+
+</IfModule>
+
+# ------------------------------------------------------------------------------
+# | Filename-based cache busting                                               |
+# ------------------------------------------------------------------------------
+
+# If you're not using a build process to manage your filename version revving,
+# you might want to consider enabling the following directives to route all
+# requests such as `/css/style.12345.css` to `/css/style.css`.
+
+# To understand why this is important and a better idea than `*.css?v231`, read:
+# http://stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring
+
+# <IfModule mod_rewrite.c>
+#    RewriteCond %{REQUEST_FILENAME} !-f
+#    RewriteRule ^(.+)\.(\d+)\.(js|css|png|jpe?g|gif)$ $1.$3 [L]
+# </IfModule>
+
+# ------------------------------------------------------------------------------
+# | File concatenation                                                         |
+# ------------------------------------------------------------------------------
+
+# Allow concatenation from within specific style sheets and JavaScript files.
+
+# e.g.:
+#
+#   If you have the following content in a file
+#
+#       <!--#include file="libs/jquery.js" -->
+#       <!--#include file="plugins/jquery.timer.js" -->
+#
+#   Apache will replace it with the content from the specified files.
+
+# <IfModule mod_include.c>
+#    <FilesMatch "\.combined\.js$">
+#        Options +Includes
+#        AddOutputFilterByType INCLUDES application/javascript application/json
+#        SetOutputFilter INCLUDES
+#    </FilesMatch>
+#    <FilesMatch "\.combined\.css$">
+#        Options +Includes
+#        AddOutputFilterByType INCLUDES text/css
+#        SetOutputFilter INCLUDES
+#    </FilesMatch>
+# </IfModule>
diff --git a/Task1/app/404.html b/Task1/app/404.html
new file mode 100644
index 0000000..fdace4a
--- /dev/null
+++ b/Task1/app/404.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>Page Not Found :(</title>
+        <style>
+            ::-moz-selection {
+                background: #b3d4fc;
+                text-shadow: none;
+            }
+
+            ::selection {
+                background: #b3d4fc;
+                text-shadow: none;
+            }
+
+            html {
+                padding: 30px 10px;
+                font-size: 20px;
+                line-height: 1.4;
+                color: #737373;
+                background: #f0f0f0;
+                -webkit-text-size-adjust: 100%;
+                -ms-text-size-adjust: 100%;
+            }
+
+            html,
+            input {
+                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+            }
+
+            body {
+                max-width: 500px;
+                _width: 500px;
+                padding: 30px 20px 50px;
+                border: 1px solid #b3b3b3;
+                border-radius: 4px;
+                margin: 0 auto;
+                box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
+                background: #fcfcfc;
+            }
+
+            h1 {
+                margin: 0 10px;
+                font-size: 50px;
+                text-align: center;
+            }
+
+            h1 span {
+                color: #bbb;
+            }
+
+            h3 {
+                margin: 1.5em 0 0.5em;
+            }
+
+            p {
+                margin: 1em 0;
+            }
+
+            ul {
+                padding: 0 0 0 40px;
+                margin: 1em 0;
+            }
+
+            .container {
+                max-width: 380px;
+                _width: 380px;
+                margin: 0 auto;
+            }
+
+            /* google search */
+
+            #goog-fixurl ul {
+                list-style: none;
+                padding: 0;
+                margin: 0;
+            }
+
+            #goog-fixurl form {
+                margin: 0;
+            }
+
+            #goog-wm-qt,
+            #goog-wm-sb {
+                border: 1px solid #bbb;
+                font-size: 16px;
+                line-height: normal;
+                vertical-align: top;
+                color: #444;
+                border-radius: 2px;
+            }
+
+            #goog-wm-qt {
+                width: 220px;
+                height: 20px;
+                padding: 5px;
+                margin: 5px 10px 0 0;
+                box-shadow: inset 0 1px 1px #ccc;
+            }
+
+            #goog-wm-sb {
+                display: inline-block;
+                height: 32px;
+                padding: 0 10px;
+                margin: 5px 0 0;
+                white-space: nowrap;
+                cursor: pointer;
+                background-color: #f5f5f5;
+                background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
+                -webkit-appearance: none;
+                -moz-appearance: none;
+                appearance: none;
+                *overflow: visible;
+                *display: inline;
+                *zoom: 1;
+            }
+
+            #goog-wm-sb:hover,
+            #goog-wm-sb:focus {
+                border-color: #aaa;
+                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+                background-color: #f8f8f8;
+            }
+
+            #goog-wm-qt:hover,
+            #goog-wm-qt:focus {
+                border-color: #105cb6;
+                outline: 0;
+                color: #222;
+            }
+
+            input::-moz-focus-inner {
+                padding: 0;
+                border: 0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container">
+            <h1>Not found <span>:(</span></h1>
+            <p>Sorry, but the page you were trying to view does not exist.</p>
+            <p>It looks like this was the result of either:</p>
+            <ul>
+                <li>a mistyped address</li>
+                <li>an out-of-date link</li>
+            </ul>
+            <script>
+                var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
+            </script>
+            <script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
+        </div>
+    </body>
+</html>
diff --git a/Task1/app/coffee/ConsoleEmulator.coffee b/Task1/app/coffee/ConsoleEmulator.coffee
new file mode 100644
index 0000000..159c2ef
--- /dev/null
+++ b/Task1/app/coffee/ConsoleEmulator.coffee
@@ -0,0 +1,45 @@
+class ConsoleEmulator
+
+  currentPath = '/'
+
+  getCurrentPath: -> 
+  	currentPath
+  
+  changeDirectory = (path) ->
+    currentPath = privateOptimizePath(path) + '/'
+    return
+
+  privateClear = ->
+    currentPath = '/'
+
+  clear: ->
+    privateClear()
+    return
+
+  privateOptimizePath = (path) ->
+    items = path.split '/'
+    loop
+      indexOfDotDot = items.indexOf '..'
+      break if indexOfDotDot is -1
+      items.splice indexOfDotDot, 1
+      items.splice indexOfDotDot - 1, 1 if indexOfDotDot > 1
+    if items.length is 0
+      items.push ''
+    items.join('/')
+  
+  optimizePath: (path) ->
+    privateOptimizePath(path)
+    
+  load: (items) ->
+    output = []
+    for item in items
+      if item.length is 3 and item is 'pwd'
+        output.push currentPath 
+        continue
+      path = item.split(' ')[1]
+      if path[0] isnt '/'
+        path = currentPath + path 
+      changeDirectory(path)
+    privateClear()
+    output
+
diff --git a/Task1/app/coffee/main.coffee b/Task1/app/coffee/main.coffee
new file mode 100644
index 0000000..ce844be
--- /dev/null
+++ b/Task1/app/coffee/main.coffee
@@ -0,0 +1,11 @@
+'use strict'
+
+getCommandsFromText = (string) ->
+  string.match(/[^\r\n]+/g) or []
+
+run =  -> 
+  commands = getCommandsFromText($('#inputData').val())
+  consoleEmulator = new ConsoleEmulator
+  result = consoleEmulator.load(commands)
+  $('#outputData').val(result.join('\n'));
+  return 
\ No newline at end of file
diff --git a/Task1/app/coffee/test.coffee b/Task1/app/coffee/test.coffee
new file mode 100644
index 0000000..4242551
--- /dev/null
+++ b/Task1/app/coffee/test.coffee
@@ -0,0 +1 @@
+two = 2
\ No newline at end of file
diff --git a/Task1/app/favicon.ico b/Task1/app/favicon.ico
new file mode 100644
index 0000000..6527905
Binary files /dev/null and b/Task1/app/favicon.ico differ
diff --git a/Task1/app/index.html b/Task1/app/index.html
new file mode 100644
index 0000000..d8b4d99
--- /dev/null
+++ b/Task1/app/index.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<html class="no-js">
+    <head>
+        <meta charset="utf-8">
+        <title>xpk</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+        <!-- build:css styles/vendor.css -->
+        <!-- bower:css -->
+        <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
+        <!-- endbower -->
+        <!-- endbuild -->
+        <!-- build:css(.tmp) styles/main.css -->
+        <link rel="stylesheet" href="styles/main.css">
+        <!-- endbuild -->
+    </head>
+    <body>
+        <!--[if lt IE 10]>
+            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+
+
+        <div class="container">
+            <div class="header">
+                <h3 class="text-muted">Task 1</h3>
+            </div>
+
+					<form role="form">
+					  <div class="form-group">
+					    <label for="name">Input data:</label>
+					    <textarea name="inputData" id="inputData" class="form-control" rows="8"></textarea>
+					  </div>
+					</form>
+
+                <p><button name="btn" type="button" class="btn btn-lg btn-success" onclick="run()">Run! <span class="glyphicon glyphicon-ok"></span></button></p>
+					<form role="form">
+					  <div class="form-group">
+					    <label for="name">Output data:</label>
+					    <textarea name="outputData" id="outputData" class="form-control" rows="8"></textarea>
+					  </div>
+					</form>
+            <div class="footer">
+                <p><span class="glyphicon glyphicon-heart"></span> from the Yeoman team.</p>
+            </div>
+
+        </div>
+
+
+        <!-- build:js scripts/vendor.js -->
+        <!-- bower:js -->
+        <script src="../bower_components/jquery/dist/jquery.js"></script>
+        <!-- endbower -->
+        <!-- endbuild -->
+
+        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+        <script>
+            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+            e.src='//www.google-analytics.com/analytics.js';
+            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+            ga('create','UA-XXXXX-X');ga('send','pageview');
+        </script>
+
+        <!-- build:js scripts/plugins.js -->
+        <script src="../bower_components/bootstrap/js/affix.js"></script>
+        <script src="../bower_components/bootstrap/js/alert.js"></script>
+        <script src="../bower_components/bootstrap/js/dropdown.js"></script>
+        <script src="../bower_components/bootstrap/js/tooltip.js"></script>
+        <script src="../bower_components/bootstrap/js/modal.js"></script>
+        <script src="../bower_components/bootstrap/js/transition.js"></script>
+        <script src="../bower_components/bootstrap/js/button.js"></script>
+        <script src="../bower_components/bootstrap/js/popover.js"></script>
+        <script src="../bower_components/bootstrap/js/carousel.js"></script>
+        <script src="../bower_components/bootstrap/js/scrollspy.js"></script>
+        <script src="../bower_components/bootstrap/js/collapse.js"></script>
+        <script src="../bower_components/bootstrap/js/tab.js"></script>
+        <!-- endbuild -->
+
+        <!-- build:js({app,.tmp}) scripts/main.js -->
+        <script src="scripts/ConsoleEmulator.js"></script>
+        <script src="scripts/main.js"></script>
+        <!-- endbuild -->
+</body>
+</html>
diff --git a/Task1/app/robots.txt b/Task1/app/robots.txt
new file mode 100644
index 0000000..ee2cc21
--- /dev/null
+++ b/Task1/app/robots.txt
@@ -0,0 +1,3 @@
+# robotstxt.org/
+
+User-agent: *
diff --git a/Task1/app/scripts/ConsoleEmulator.js b/Task1/app/scripts/ConsoleEmulator.js
new file mode 100644
index 0000000..77cf1b6
--- /dev/null
+++ b/Task1/app/scripts/ConsoleEmulator.js
@@ -0,0 +1,70 @@
+var ConsoleEmulator;
+
+ConsoleEmulator = (function() {
+  var changeDirectory, currentPath, privateClear, privateOptimizePath;
+
+  function ConsoleEmulator() {}
+
+  currentPath = '/';
+
+  ConsoleEmulator.prototype.getCurrentPath = function() {
+    return currentPath;
+  };
+
+  changeDirectory = function(path) {
+    currentPath = privateOptimizePath(path) + '/';
+  };
+
+  privateClear = function() {
+    return currentPath = '/';
+  };
+
+  ConsoleEmulator.prototype.clear = function() {
+    privateClear();
+  };
+
+  privateOptimizePath = function(path) {
+    var indexOfDotDot, items;
+    items = path.split('/');
+    while (true) {
+      indexOfDotDot = items.indexOf('..');
+      if (indexOfDotDot === -1) {
+        break;
+      }
+      items.splice(indexOfDotDot, 1);
+      if (indexOfDotDot > 1) {
+        items.splice(indexOfDotDot - 1, 1);
+      }
+    }
+    if (items.length === 0) {
+      items.push('');
+    }
+    return items.join('/');
+  };
+
+  ConsoleEmulator.prototype.optimizePath = function(path) {
+    return privateOptimizePath(path);
+  };
+
+  ConsoleEmulator.prototype.load = function(items) {
+    var item, output, path, _i, _len;
+    output = [];
+    for (_i = 0, _len = items.length; _i < _len; _i++) {
+      item = items[_i];
+      if (item.length === 3 && item === 'pwd') {
+        output.push(currentPath);
+        continue;
+      }
+      path = item.split(' ')[1];
+      if (path[0] !== '/') {
+        path = currentPath + path;
+      }
+      changeDirectory(path);
+    }
+    privateClear();
+    return output;
+  };
+
+  return ConsoleEmulator;
+
+})();
diff --git a/Task1/app/scripts/main.js b/Task1/app/scripts/main.js
new file mode 100644
index 0000000..0e5e061
--- /dev/null
+++ b/Task1/app/scripts/main.js
@@ -0,0 +1,14 @@
+'use strict';
+var getCommandsFromText, run;
+
+getCommandsFromText = function(string) {
+  return string.match(/[^\r\n]+/g) || [];
+};
+
+run = function() {
+  var commands, consoleEmulator, result;
+  commands = getCommandsFromText($('#inputData').val());
+  consoleEmulator = new ConsoleEmulator;
+  result = consoleEmulator.load(commands);
+  $('#outputData').val(result.join('\n'));
+};
diff --git a/Task1/app/scripts/test.js b/Task1/app/scripts/test.js
new file mode 100644
index 0000000..4be1481
--- /dev/null
+++ b/Task1/app/scripts/test.js
@@ -0,0 +1,3 @@
+var two;
+
+two = 2;
diff --git a/Task1/app/styles/main.css b/Task1/app/styles/main.css
new file mode 100644
index 0000000..b5f5c3c
--- /dev/null
+++ b/Task1/app/styles/main.css
@@ -0,0 +1,89 @@
+.browsehappy {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+
+/* Space out content a bit */
+body {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+/* Everything but the jumbotron gets side spacing for mobile first views */
+.header,
+.marketing,
+.footer {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+/* Custom page header */
+.header {
+    border-bottom: 1px solid #e5e5e5;
+}
+
+/* Make the masthead heading the same height as the navigation */
+.header h3 {
+    margin-top: 0;
+    margin-bottom: 0;
+    line-height: 40px;
+    padding-bottom: 19px;
+}
+
+/* Custom page footer */
+.footer {
+    padding-top: 19px;
+    color: #777;
+    border-top: 1px solid #e5e5e5;
+}
+
+.container-narrow > hr {
+    margin: 30px 0;
+}
+
+/* Main marketing message and sign up button */
+.jumbotron {
+    text-align: center;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.jumbotron .btn {
+    font-size: 21px;
+    padding: 14px 24px;
+}
+
+/* Supporting marketing content */
+.marketing {
+    margin: 40px 0;
+}
+
+.marketing p + h4 {
+    margin-top: 28px;
+}
+
+/* Responsive: Portrait tablets and up */
+@media screen and (min-width: 768px) {
+    .container {
+        max-width: 730px;
+    }
+
+    /* Remove the padding we set earlier */
+    .header,
+    .marketing,
+    .footer {
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+    /* Space out the masthead */
+    .header {
+        margin-bottom: 30px;
+    }
+    
+    /* Remove the bottom border on the jumbotron for visual effect */
+    .jumbotron {
+        border-bottom: 0;
+    }
+}
diff --git a/Task1/bower.json b/Task1/bower.json
new file mode 100644
index 0000000..fffc66b
--- /dev/null
+++ b/Task1/bower.json
@@ -0,0 +1,9 @@
+{
+  "name": "xpk",
+  "private": true,
+  "dependencies": {
+    "bootstrap": "~3.0.3",
+    "jquery": "~1.11.0"
+  },
+  "devDependencies": {}
+}
diff --git a/Task1/features/functional.feature b/Task1/features/functional.feature
new file mode 100644
index 0000000..85d484b
--- /dev/null
+++ b/Task1/features/functional.feature
@@ -0,0 +1,30 @@
+Feature: Example feature
+  I want to use Cucumber.js as a test tool
+
+  Scenario: Visiting site and checking title
+    Given I am on the start page
+    Then I should see "xpk" as the page title
+
+  Scenario: Test #1
+    Given I am on the start page
+    Then I pass "pwd" into input
+    Then I click on the run button
+    Then I see "/" in output
+
+  Scenario: Test #2
+    Given I am on the start page
+    Then I pass "pwd\npwd\npwd" into input
+    Then I click on the run button
+    Then I see "/\n/\n/" in output
+
+  Scenario: Real test #1
+    Given I am on the start page
+    Then I pass "pwd\ncd /home/vasya\npwd\ncd ..\npwd\ncd vasya/../petya\npwd" into input
+    Then I click on the run button
+    Then I see "/\n/home/vasya/\n/home/\n/home/petya/" in output
+
+  Scenario: Real test #2
+    Given I am on the start page
+    Then I pass "cd /a/b\npwd\ncd ../a/b\npwd" into input
+    Then I click on the run button
+    Then I see "/a/b/\n/a/a/b/" in output
diff --git a/Task1/features/step_definitions/functional.step.js b/Task1/features/step_definitions/functional.step.js
new file mode 100644
index 0000000..f0d9752
--- /dev/null
+++ b/Task1/features/step_definitions/functional.step.js
@@ -0,0 +1,47 @@
+var assert = require('assert');
+
+function replaceAll(str, find, replace) {
+  if (str.indexOf(find) != -1) {
+    return str.split(find).join(replace);
+  } else {
+    return str;
+  }
+}
+
+var myStepDefinitionsWrapper = function () {
+  this.World = require("../support/world.js").World;
+
+  this.Given(/^I am on the start page$/, function(callback) {
+    this.visit('http://localhost:9000/', callback);
+  });
+
+  this.Then(/^I pass "(.*)" into input$/, function(arg1, callback) {
+    arg1 = replaceAll(arg1, "\\n", '\n');
+    this.browser.fill("inputData", arg1);
+    callback();
+  });
+
+  this.Then(/^I should see "(.*)" as the page title$/, function(title, callback) {
+    var pageTitle = this.browser.text('title');
+    if (title === pageTitle) {
+      callback();
+    } else {
+      callback.fail(new Error("Expected to be on page with title " + title));
+    }
+  });
+
+  this.Then(/^I click on the run button$/, function(callback){
+    this.browser.pressButton("btn", function(){});
+    callback();
+  });
+
+  this.Then(/^I see "([^]*)" in output$/, function(arg1, callback){
+    arg1 = replaceAll(arg1, "\\n", '\n');
+    var output = this.browser.document.getElementById('outputData');
+    assert.equal(arg1, output.value);
+    callback();
+  });
+
+};
+
+module.exports = myStepDefinitionsWrapper;
\ No newline at end of file
diff --git a/Task1/features/support/world.js b/Task1/features/support/world.js
new file mode 100644
index 0000000..e8699e4
--- /dev/null
+++ b/Task1/features/support/world.js
@@ -0,0 +1,11 @@
+var zombie = require('zombie');
+var World = function World(callback) {
+  this.browser = new zombie();
+
+  this.visit = function(url, callback) {
+    this.browser.visit(url, callback);
+  };
+
+  callback();
+};
+exports.World = World;
\ No newline at end of file
diff --git a/Task1/package.json b/Task1/package.json
new file mode 100644
index 0000000..67e6d66
--- /dev/null
+++ b/Task1/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "xpk",
+  "version": "0.0.0",
+  "dependencies": {},
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-contrib-copy": "~0.5.0",
+    "grunt-contrib-concat": "~0.3.0",
+    "grunt-contrib-uglify": "~0.4.0",
+    "grunt-contrib-jshint": "~0.9.2",
+    "grunt-contrib-cssmin": "~0.9.0",
+    "grunt-contrib-connect": "~0.7.1",
+    "grunt-contrib-clean": "~0.5.0",
+    "grunt-contrib-htmlmin": "~0.2.0",
+    "grunt-bower-install": "~1.4.0",
+    "grunt-contrib-imagemin": "~0.6.0",
+    "grunt-contrib-watch": "~0.6.1",
+    "grunt-rev": "~0.1.0",
+    "grunt-autoprefixer": "~0.7.2",
+    "grunt-usemin": "~2.1.0",
+    "grunt-mocha": "~0.4.10",
+    "grunt-newer": "~0.7.0",
+    "grunt-svgmin": "~0.4.0",
+    "grunt-concurrent": "~0.5.0",
+    "load-grunt-tasks": "~0.4.0",
+    "time-grunt": "~0.3.1",
+    "jshint-stylish": "~0.1.5",
+    "grunt-contrib-coffee": "~0.10.1",
+    "cucumber": "~0.4.0",
+    "grunt-cucumber": "~0.2.3"
+  },
+  "engines": {
+    "node": ">=0.10.0"
+  }
+}
diff --git a/Task1/test/.bowerrc b/Task1/test/.bowerrc
new file mode 100644
index 0000000..44491d3
--- /dev/null
+++ b/Task1/test/.bowerrc
@@ -0,0 +1,3 @@
+{
+    "directory": "bower_components"
+}
diff --git a/Task1/test/bower.json b/Task1/test/bower.json
new file mode 100644
index 0000000..0e442d1
--- /dev/null
+++ b/Task1/test/bower.json
@@ -0,0 +1,9 @@
+{
+  "name": "xpk",
+  "private": true,
+  "dependencies": {
+    "chai": "~1.8.0",
+    "mocha": "~1.14.0"
+  },
+  "devDependencies": {}
+}
diff --git a/Task1/test/coffee/unit.coffee b/Task1/test/coffee/unit.coffee
new file mode 100644
index 0000000..dd407ba
--- /dev/null
+++ b/Task1/test/coffee/unit.coffee
@@ -0,0 +1,97 @@
+(->
+  'use strict'
+
+  describe 'BDD tests', ->
+
+    describe 'String parser tests', ->
+
+      it 'Test 1 line', ->
+        commands = getCommandsFromText '1'
+        expected = ['1']
+        expect(commands).to.be.deep.equal expected;
+        return
+
+      it 'Test two lines', ->
+        commands = getCommandsFromText '1\n2'
+        expected = ['1','2'];
+        expect(commands).to.be.deep.equal expected;
+        return
+        
+      it 'Test two lines #2', ->
+        commands = getCommandsFromText '1\n2\n'
+        expected = ['1','2'];
+        expect(commands).to.be.deep.equal expected;
+        return
+
+      it 'Test two lines #3', ->
+        commands = getCommandsFromText '1\n2\n\n'
+        expected = ['1','2'];
+        expect(commands).to.be.deep.equal expected;
+        return
+      return
+
+    describe 'Console emulator tests', ->
+      consoleEmulator = null
+
+      beforeEach (done) ->
+        consoleEmulator = new ConsoleEmulator()
+        consoleEmulator.clear()
+        done()
+        return
+      
+      afterEach (done) ->
+        consoleEmulator = null
+        done()
+        return
+
+      it 'Test current path #1', ->
+        consoleEmulator.getCurrentPath().should.equal '/'
+        return
+
+      it 'Test current path #2', ->
+        input = ['pwd'];
+        expected = ['/'];
+        expect(consoleEmulator.load(input)).to.be.deep.equal expected
+        return
+
+      it 'Optimize path test #1', ->
+        expect(consoleEmulator.optimizePath('/a/../b/../c/')).to.be.deep.equal '/c/'
+        return
+
+      it 'Optimize path test #2', ->
+        expect(consoleEmulator.optimizePath('/a/../../b/../c/')).to.be.deep.equal '/c/'
+        return
+
+      it 'Optimize path test #3', ->
+        expect(consoleEmulator.optimizePath('/../../../../')).to.be.deep.equal '/'
+        return
+
+      it 'Real test #1', ->
+        input = ['pwd', 'pwd']
+        expected = ['/', '/']
+        expect(consoleEmulator.load(input)).to.be.deep.equal expected;
+        return
+
+      it 'Real test #2', ->
+        input = ['cd vasa', 'pwd']
+        expected = ['/vasa/']
+        expect(consoleEmulator.load(input)).to.be.deep.equal expected;
+        return
+
+      it 'Real test #3', ->
+        input = ['pwd', 'cd /home/vasya', 'pwd', 'cd ..', 'pwd', 'cd vasya/../petya', 'pwd']
+        expected = ['/', '/home/vasya/', '/home/', '/home/petya/']
+        expect(consoleEmulator.load(input)).to.be.deep.equal expected;
+        return
+
+      it 'Real test #4', ->
+        input = ['cd /a/b', 'pwd', 'cd ../a/b', 'pwd']
+        expected = ['/a/b/', '/a/a/b/']
+        expect(consoleEmulator.load(input)).to.be.deep.equal expected;
+        return
+      return
+
+    return  
+
+  return  
+  )()
\ No newline at end of file
diff --git a/Task1/test/index.html b/Task1/test/index.html
new file mode 100644
index 0000000..22fb5d8
--- /dev/null
+++ b/Task1/test/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Mocha Spec Runner</title>
+    <link rel="stylesheet" href="bower_components/mocha/mocha.css">
+    
+</head>
+<body>
+    <div id="mocha"></div>
+    <script src="bower_components/mocha/mocha.js"></script>
+    <script>mocha.setup('bdd')</script>
+    <script src="bower_components/chai/chai.js"></script>
+    <script src="main.js"></script>
+ <script type="text/javascript" src="scripts/main.js"></script>
+ <script type="text/javascript" src="scripts/ConsoleEmulator.js"></script>
+    <script>
+        var assert = chai.assert;
+        var expect = chai.expect;
+        var should = chai.should();
+    </script>
+
+    <!-- include source files here... -->
+
+    <!-- include spec files here... -->
+    <script src="spec/unit.js"></script>
+
+    <script>mocha.run()</script>
+</body>
+</html>
diff --git a/Task1/test/spec/unit.js b/Task1/test/spec/unit.js
new file mode 100644
index 0000000..b3bac06
--- /dev/null
+++ b/Task1/test/spec/unit.js
@@ -0,0 +1,86 @@
+(function() {
+  'use strict';
+  describe('BDD tests', function() {
+    describe('String parser tests', function() {
+      it('Test 1 line', function() {
+        var commands, expected;
+        commands = getCommandsFromText('1');
+        expected = ['1'];
+        expect(commands).to.be.deep.equal(expected);
+      });
+      it('Test two lines', function() {
+        var commands, expected;
+        commands = getCommandsFromText('1\n2');
+        expected = ['1', '2'];
+        expect(commands).to.be.deep.equal(expected);
+      });
+      it('Test two lines #2', function() {
+        var commands, expected;
+        commands = getCommandsFromText('1\n2\n');
+        expected = ['1', '2'];
+        expect(commands).to.be.deep.equal(expected);
+      });
+      it('Test two lines #3', function() {
+        var commands, expected;
+        commands = getCommandsFromText('1\n2\n\n');
+        expected = ['1', '2'];
+        expect(commands).to.be.deep.equal(expected);
+      });
+    });
+    describe('Console emulator tests', function() {
+      var consoleEmulator;
+      consoleEmulator = null;
+      beforeEach(function(done) {
+        consoleEmulator = new ConsoleEmulator();
+        consoleEmulator.clear();
+        done();
+      });
+      afterEach(function(done) {
+        consoleEmulator = null;
+        done();
+      });
+      it('Test current path #1', function() {
+        consoleEmulator.getCurrentPath().should.equal('/');
+      });
+      it('Test current path #2', function() {
+        var expected, input;
+        input = ['pwd'];
+        expected = ['/'];
+        expect(consoleEmulator.load(input)).to.be.deep.equal(expected);
+      });
+      it('Optimize path test #1', function() {
+        expect(consoleEmulator.optimizePath('/a/../b/../c/')).to.be.deep.equal('/c/');
+      });
+      it('Optimize path test #2', function() {
+        expect(consoleEmulator.optimizePath('/a/../../b/../c/')).to.be.deep.equal('/c/');
+      });
+      it('Optimize path test #3', function() {
+        expect(consoleEmulator.optimizePath('/../../../../')).to.be.deep.equal('/');
+      });
+      it('Real test #1', function() {
+        var expected, input;
+        input = ['pwd', 'pwd'];
+        expected = ['/', '/'];
+        expect(consoleEmulator.load(input)).to.be.deep.equal(expected);
+      });
+      it('Real test #2', function() {
+        var expected, input;
+        input = ['cd vasa', 'pwd'];
+        expected = ['/vasa/'];
+        expect(consoleEmulator.load(input)).to.be.deep.equal(expected);
+      });
+      it('Real test #3', function() {
+        var expected, input;
+        input = ['pwd', 'cd /home/vasya', 'pwd', 'cd ..', 'pwd', 'cd vasya/../petya', 'pwd'];
+        expected = ['/', '/home/vasya/', '/home/', '/home/petya/'];
+        expect(consoleEmulator.load(input)).to.be.deep.equal(expected);
+      });
+      it('Real test #4', function() {
+        var expected, input;
+        input = ['cd /a/b', 'pwd', 'cd ../a/b', 'pwd'];
+        expected = ['/a/b/', '/a/a/b/'];
+        expect(consoleEmulator.load(input)).to.be.deep.equal(expected);
+      });
+    });
+  });
+})();