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

Задачи:
- Разработка и развитие приложения по доставке по макетам Figma, взаимодействие с UX/UI дизайнерами;
- Работа в команде (backend, frontend, тестировщики, project менеджером);
- Проведение Code Review;
- Оценка трудоёмкости задач по проекту;
- Ведение проекта в github;
- Анализ и исправление багов;
- Участие в митингах;

Приложение доставки Сарафан:
- Исправление бага модальных окон (регистрация/авторизация)
- Валидация формы авторизации
- Отображение модальных окон
- Оптимизация производительности с помощью Redux
Стек: Next.js, Redux,TypeScript, css-modules

Приложение Мессенджер:
- Реализация активного звонка
- Создание контекстного меню
- Создание модальных окон подтверждения действий
Стек: React, TypeScript, css-modules

Задачи:
- Программирование на JavaScript
- HTML и CSS, адаптивная верстка, вёрстка по БЭМ + Верстка по макетам из Figma.
- Webpack, npm работа со сборкой и модулями.
- Работа в системе контроля версий - git.
- Работа с React.
- Node.js, Express.js.
- Изучение и анализ ТЗ, поиск решения, написание алгоритмов, верстка, изучение документации, дебагинг и отладка кода.

РЕАЛИЗОВАННЫЕ ПРОЕКТЫ:
# Проект "Музыкальная платформа": https://github.com/Karnaukhoff/skypro-music
—Был реализован с помощью React
—Стилизация выполнена через styled-components
—Приложение разбито на компоненты
—Данные о пользователе и плейлистах записываются в Redux

# Проект "Аналог Авито" - приложение для размещения и поиска объявлений: https://github.com/Karnaukhoff/Graduation-project
— Фронтенд реализован на React, бекенд был предоставлен, как docker образ.
— В основе Create React App с JavaScript.
— Была выполнена вёрстка по макету из Figma, для стилей использован styledcomponents.
— Redux + Redux Toolkit для работы с глобальным состоянием.
— RTK Query для запросов к API с кешированием данных.
— Автоматический деплой на netlify.com.

# Проект "Instapro"- аналог популярной социальной сети: https://github.com/Karnaukhoff/webdev-cw-instapro
— Интегрирована вёрстка списка постов с API
— Реализован функционал добавления постов
— Реализован функционал, с помощью которого можно ставить и убирать лайки. Данные о лайках записываются в API.

# Проект "Карточная игра Memory" - карточная игра Memory, смысл которой - запомнить и найти все пары изображений или карт: https://github.com/Karnaukhoff/3-course-komework
— Чистый typescript без фреймворков.
— Сборка typescript, css и scss через webpack.
— Форматирование и подсветка ошибок с помощью prettier и eslint.
— Автоматическая проверка типов перед коммитом с помощью husky.