F
r
o
n
t
e
n
d

D
e
v
e
l
o
p
e
r

Vitaly

Kolomoytsev

my:

Home bookkeeping

This easy home bookkeeping app.

Demo
home bookkeeping
Schedule

Schedule SPA

It's my first single page application on clean JavaScript ES6 with babeljs. This application about schedule for restaurant. It's can help managers save their time and quickly fix schedule if something changes. In this SPA I used drag'n'drop for list of workers, tooltips for positions of workers and for schedule of month, localStorage with JSON. I worked with object of Date and I wrote algorithm for creating schedule. I used gulp for organizing files. And Minifier plagin for reducing files.

Demo

GYM

This site on sporting topics. Adaptive layout. Written in html and CSS without frameworks. I used fkexbox and grid css technologies. CSS3 and jquery are used to animate elements. I added a slider that responds to the touch of your fingers. Implemented modal Windows. Created complex social buttons using js.

Demo
watch
Snake

Snake

I wrote a game in javascript, html and css. Div are used for the field as cells. The field size is 20x20. Made management as the arrows and the letters(wasd). I developed a countdown at the start of the game using setTimeout () and implemented the game itself using setInterval (). When you crash into a wall or into the body of a snake, the game ends and the result is shown. Initially, the game was written entirely in the procedural style. I refactored the code in the process towards a functional style.

Demo

Drupal

The site has been made static. I used scalable values for adaptability. I applied the animation to the tabs of the website. I used html css jQuery technology.

Demo
watch
bread

Watch

Website on the subject of watches. The site is written in bootstrap. I used the elements of buttons, inputs, carousel, navigation. I've included additional jquery code for several sliders. The layout is adaptive.

Demo

Bread

This website on the subject of baking. Layout is static, there are many complex positioning elements. I used html, css, js, jquery, bootstarap grid technologies. I added a slider and a Breakfast menu selection script.

Demo
sd
uranos

Uranos

This site is on a business theme. Adaptive layout. I used html, css, jquery and bootsrap grid.

Demo

Waxom

This site was published first in the portfolio. I took a free PSD layout from the Internet. The layout on the grid bootstrap and html + css. I left it in my portfolio for contrast.

Demo
waxom