Привет!

Я Андрей Карамнов

frontend-разработчик

ВНИЗ
ВВЕРХ

Ключевые навыки

  • HTML5
  • CSS3
  • Javascript

отличное знание вышеперечисленных технологий, отслеживание изменений в спецификациях, использование различных библиотек и фреймворков

ВНИЗ
ВВЕРХ

Инструменты,
которыми я пользуюсь,
работая над проектами

  • системы сборки

  • шаблонизатор,
    препроцессор

  • методология

  • библиотека для создания
    пользовательских интерфейсов

ВНИЗ
ВВЕРХ

Примеры работ

  • Презентация

    которую вы сейчас смотрите

    Сверстал проект на препроцессорах pug, scss, vanilla JS, в соответствии с методологией БЭМ. Анимацию реализовал с помощью библиотек animate.css и wow.js. В качестве сборщика проекта использовал TARS.

    Ссылка на github-репозиторий
  • Лига Банк

    Корпоративный сайт Лига Банка с кредитным калькулятором и множеством интерактивных элементов

    Проект написал на нативном javascript (современный ESNext-синтаксис), с использованием препроцессоров pug и scss, в соответствии с методологией БЭМ.
    В качестве сборщика проекта выбрал BemGo.

    Ссылка на сайтСсылка на github-репозиторий
  • Chat

    React-Redux-приложение

    Написал real-time чат, используя AJAX, REST, websockets, React (с хуками), Redux (@reduxjs/toolkit) и Formik.
    Данное приложение является дипломным проектом от hexlet по профессии «Фронтенд-программист». По итогам успешной защиты проекта получил сертификат.

    Ссылка на приложениеСсылка на github-репозиторий
  • RSS агрегатор

    JS-Приложение

    Написал RSS-ленту новостей с автоматическим обновлением по AJAX.
    Архитектура – MVC, браузерная инфраструктура – webpack, html/css фреймворк – bootstrap. Вывод всех текстов реализован через библиотеку i18next.

    Ссылка на приложениеСсылка на github-репозиторий
  • Online Store

    React-Redux-приложение

    Проект от CSSSR.School в рамках прохождения онлайн-курса Junior React.
    Реализовал асинхронную работу с данными, с их последующей фильтрацией по ряду параметров и отображением в виде списка с пагинацией.
    Redux разбил на модули в соответствии с форматом ducks.
    На каждый ключ состояния написал отдельный редьюсер, с их последующим объединением через combineReducers.
    Работа с состоянием redux‑хранилища велась через селекторы, с использованием reselect.
    Cинхронизацию роутинга и redux реализовал через connected-react-router.
    Изменения в redux‑хранилище отслеживал с помощью Redux DevTools.
    По итогам успешной защиты проекта получил сертификат.

    Ссылка на github-репозиторий
  • Contact Keeper

    Full-stack-приложение

    Написал менеджер контактов на стеке MERN с системой авторизации и хранением информации в базе данных. Клиентская часть реализована на React, серверная часть — на Node.js, Express и MongoDB.

    Ссылка на приложениеСсылка на github-репозиторий
  • Conway's Game of Life

    JS-Приложение

    Реализовал игру «Жизнь», используя объектно-ориентированную парадигму программирования.

    Ссылка на приложениеСсылка на github-репозиторий
  • Вычислитель отличий

    NodeJS-Приложение

    Написал утилиту для поиска отличий в конфигурационных файлах. Реализована поддержка разных форматов, генерация отчетов в виде plain text, pretty, json, а также unit-тестирование

    Ссылка на github-репозиторий
  • Painter

    JS-Приложение

    Реализовал простой растровый графический редактор, используя объектно-ориентированную парадигму программирования.

    Ссылка на приложениеСсылка на github-репозиторий
  • Игры разума

    NodeJS-Приложение

    Написал набор мини-игр, запускаемых из консоли.

    Ссылка на github-репозиторий
  • Mishka

    Веб-сайт

    Сверстал проект на препроцессорах pug и scss, нативном javascript, в соответствии с методологией БЭМ.
    Сеточную систему построил на susy.

    Ссылка на сайтСсылка на github-репозиторий
  • Pink

    Веб-сайт

    Проект сверстал с использованием препроцессоров pug и stylus, в качестве с методологии выбран БЭМ.
    Макет сделан максимально адаптивным и выглядит по-разному для мобильной, планшетной и десктопной версии. Раскладку всех компонентов страницы реализовал на flexbox, в качестве сеточной системы выбрал lost.
    Для каждого размера и разрешения экрана подготовил свой комплект изображений; всю декоративную графику собрал в спрайты, которые в свою очередь разделил на векторные и растровые с помощью соответствующих npm-пакетов.
    Система сборки – gulp.
    Проект является дипломной работой продвинутого интенсива htmlacademy, по итогам успешной защиты ( (100% выполненных заданий) ) получил сертификат.

    Ссылка на сайтСсылка на github-репозиторий
ВНИЗ
ВВЕРХ

Свяжитесь со мной