Frontend developer (React)

Портфолио: Dragndrop app https://ayli-li.github.io Аналог Trello. Реализовал следующие возможности в приложении: - Создание и удаление колонок, редактирование названия - Добавление задач в колонки - Перетаскивание колонок и перемещение задач внутри колонки и между ними. Использованная технология: react-beautiful-dnd - При клике на конкретную задачу в модальном окне можно произвести следующие операции: изменить название задачи, добавить или отредактировать описание, удалить задачу - Смена режима dark/light mode выполнена хуком use-dark-mode - При клике вне области модального окна, редактирования названий и добавления задач отлавливается и отменяется невыполненное событие - Хранение и обновление глобального состояния на уровне всего приложения в Redux Используемые технологии: React, React hooks, Redux, styled-components, React-beautiful-dnd Код: https://github.com/ayli-li/trello Moviesearcher https://github.com/ayli-li/moviesearcher Сервис по поиску фильмов с использованием The Movie Database API. К сожалению, во время разработки оказалось, что РКН заблокировал данную базу на территории РФ. Работа и просмотр приложения были возможны только с использованием VPN. Приняв решение остановить написание сервиса, я начал разрабатывать вышеприведенный Drag’n’drop аналог Trello. Но, работая с API, успел реализовать следующие решения: - Загрузка и отображение популярных фильмов на главной странице - Infinity-scroll с подзагрузкой следующей страницы популярных тайтлов - Добавление фильма в "избранное" и сохранение его информации в localstorage, используя redux-localstorage-simple - Поиск фильма по названию. Установил задержку в 2 секунды для поиска на сервере во время печати пользователем интересующего тайтла, чтобы не допустить нагрузку на API. Технология lodash.debounce - Отображение страницы с информацией фильма - Во вкладке favorites хранятся понравившиеся фильмы, при клике на тайтл осуществляется переход на страницу с информацией. Также можно выполнить удаление элемента из списка избранных - Переходы на любую страницу происходят без перезагрузки - Начал делать сортировку фильмов на главной странице по жанрам - Первая работающая версия была написана с использованием классовых компонентов. Позже изучил hooks и переписал все на них Используемые технологии: React, React hooks, React-router-dom, Redux-thunk, axios, REST API Пример верстки адаптивный сайт Bhagaskara https://ayli-li.github.io/bhagaskara/ Используемые технологии: HTML5, CSS3, Flexbox, Gulp, SCSS, BEM Мой github https://github.com/ayli-li