Мои работы

What To Watch

Приложение онлайн-кинотеатр What To Watch

Проект выполнен в рамках курса по React как экзаменационный проект. Приложение написано на React на основе готовой верстки - с использованием React Router, Axios и Redux. Тесты написаны с помощью Jest и React Testing Library. Сборка на Webpack.

Тренажер слепой печати

Приложение написано на React c использованием Redux, Axios. Для ускорения верстки использован Bootstrap. Стили добавлены через scss модули. Сборка на Webpack. Для сохранения и просмотра реузльтатов залогиненного пользователя база данных имитируется с помощью локального сервера "json-server" (в задеплоенной версии эта функциональность отсутствует - только при запуске проекта локально, см. Readme).

Jewellery

3 страницы интернет-магазина украшений Jewellery.

Адаптивная резиновая верстка выполнена с помощью шаблонизатора Pug и препроцессора Sass. На Vanila JS реализована минимальная функциональность - модальные окна "login", "add to cart", "filters", мобильное меню, аккордион. Для слайдеров использована библиотека Swiper.

Smart Device

Одностраничный лендинг магазина печатных плат.

Сетка выполнена на флексах, предусмотрен адаптив ("резина") под разные устройства. Верстка выполнена с помощью препроцессора SCSS, проект собран на Gulp. Мобильное меню, аккордион, модальное окно и валидация поля формы "телефон" реализованы на JS (ES6).

Велосипеды

Одностраничный лендинг магазина велосипедов.

Сетка выполнена на флексах и гридах, предусмотрен адаптив ("резина") под разные устройства. Верстка выполнена с помощью препроцессора SCSS, проект собран на Gulp. Мобильное меню реализовано на JS (ES6).

Платежные системы

Одностраничный лендинг.

Сетка выполнена на флексах и гридах, предусмотрен адаптив под разные устройства. Верстка выполнена с помощью препроцессора SCSS, проект собран на Gulp. Меню, аккордион и выпадающий блок "Помощь" реализована на JS (ES6).

Кексобукинг

Сайт для поиска жилья и публикации своих объявлений. Проект выполнен в рамках курса по JavaScript - как экзаменационный проект.

С помощью "ванильного" JavaScript (ES6) реализована с нуля интерактивность уже сверстанного сайта. Сборка выполнена на Webpack.

Cinemaaddict

Сайт библиотека фильмов с возможностью добавлять / удалять комментарии, добавлять фильмы в избранное и выводить экран статистики. Проект выполнен в рамках курса по JavaScript - как экзаменационный проект.

С помощью "ванильного" JavaScript (ES6) и ООП подхода была реализована с нуля интерактивность уже сверстанного сайта. Сборка выполнена на Webpack. Используется архитектура MVP.

Cat Energy

Трех-страничный интернет-магазин. Проект был выполнен в рамках курса по адаптивной верстке - как экзаменационный проект.

Сетка выполнена на флексах и гридах, предусмотрен адаптив под разные устройства. Верстка выполнена с помощью препроцессора SCSS, проект собран на Gulp. Мобильное меню и валидация форм реализована на JS (ES5).

Глэйси

Двух-страничный интернет-магазин мороженного. Проект был выполнен в рамках курса по базовой верстке - как экзаменационный проект.

Верстка на чистом CSS. Интерактивность сайта реализована с помощью JS (ES5);