Привет!
Примеры работ
-
Презентация
которую вы сейчас смотрите
Сверстал проект на препроцессорах pug, scss, vanilla JS, в соответствии с методологией БЭМ. Анимацию реализовал с помощью библиотек animate.css и wow.js. В качестве сборщика проекта использовал TARS.
Ссылка на github-репозиторий -
Лига Банк
Корпоративный сайт Лига Банка с кредитным калькулятором и множеством интерактивных элементов
Написал проект на нативном javascript, с использованием препроцессоров pug и scss, в соответствии с методологией БЭМ.
Ссылка на сайтСсылка на github-репозиторий
В качестве сборщика проекта выбрал BemGo. -
Chat
React-Redux-приложение
Написал real-time чат, используя AJAX, REST, websockets, React (с хуками), Redux (@reduxjs/toolkit) и Formik.
Ссылка на приложениеСсылка на github-репозиторий
Данное приложение является дипломным проектом от hexlet по профессии «Фронтенд‑программист». По итогам успешной защиты проекта получил сертификат. -
Счетчик калорий
JS-приложение
Написал приложение для подсчета калорий на нативном javascript, используя парадигму объектно-ориентированного программирования.
Ссылка на приложениеСсылка на github-репозиторий
Архитектура – MVC, браузерная инфраструктура – webpack. -
Play HTML
Email‐рассылка
Сверстал серию тематических адаптивных писем на Sass-версии фреймворка Foundation For Emails.
Ссылка на приложениеСсылка на github-репозиторий -
RSS агрегатор
JS-Приложение
Написал RSS-ленту новостей с автоматическим обновлением по AJAX.
Ссылка на приложениеСсылка на github-репозиторий
Архитектура – MVC, браузерная инфраструктура – webpack, html/css фреймворк – bootstrap. Вывод всех текстов реализован через библиотеку i18next. -
Online Store
React-Redux-приложение
Проект от CSSSR.School в рамках прохождения онлайн-курса Junior React.
Ссылка на github-репозиторий
Реализовал асинхронную работу с данными, с их последующей фильтрацией по ряду параметров и отображением в виде списка с пагинацией.
Redux разбил на модули в соответствии с форматом ducks.
На каждый ключ состояния написал отдельный редьюсер, с их последующим объединением через combineReducers.
Работа с состоянием redux‑хранилища велась через селекторы, с использованием reselect.
Cинхронизацию роутинга и redux реализовал через connected-react-router.
Изменения в redux‑хранилище отслеживал с помощью Redux DevTools.
По итогам успешной защиты проекта получил сертификат. -
Conway's Game of Life
JS-Приложение
Реализовал игру «Жизнь», используя объектно-ориентированную парадигму программирования.
Ссылка на приложениеСсылка на github-репозиторий -
Вычислитель отличий
NodeJS-Приложение
Написал утилиту для поиска отличий в конфигурационных файлах. Реализована поддержка разных форматов, генерация отчетов в виде plain text, pretty, json, а также unit-тестирование
Ссылка на github-репозиторий -
Pink
Веб-сайт
Проект сверстал с использованием препроцессоров pug и stylus, в качестве с методологии выбран БЭМ.
Ссылка на сайтСсылка на github-репозиторий
Макет сделан максимально адаптивным и выглядит по-разному для мобильной, планшетной и десктопной версии. Раскладку всех компонентов страницы реализовал на flexbox, в качестве сеточной системы выбрал lost.
Для каждого размера и разрешения экрана подготовил свой комплект изображений; всю декоративную графику собрал в спрайты, которые в свою очередь разделил на векторные и растровые с помощью соответствующих npm-пакетов.
Система сборки – gulp.
Проект является дипломной работой продвинутого интенсива htmlacademy, по итогам успешной защиты ( (100% выполненных заданий) ) получил сертификат. -
Painter
JS-Приложение
Реализовал простой растровый графический редактор, используя объектно-ориентированную парадигму программирования.
Ссылка на приложениеСсылка на github-репозиторий -
Игры разума
NodeJS-Приложение
Написал набор мини-игр, запускаемых из консоли.
Ссылка на github-репозиторий -
Mishka
Веб-сайт
Сверстал проект на препроцессорах pug и scss, нативном javascript, в соответствии с методологией БЭМ.
Ссылка на сайтСсылка на github-репозиторий
Сеточную систему построил на susy.