Диана Савельева
junior frontend developer /
верстальщик

Использованы хуки (useState, useEffect, useRef), асинхронные запросы, объект даты, стилизованные элементы, два API (прогноз погоды и определение города по координатам пользователя), объекты, массивы, функции, условия и др. Запрос обновляет пропсы, данные и стили приложения. Для формирования списка (поиск начинается с двух символов) используется БД (json формат). Есть ручной ввод и валидация при некорректном наборе - совпадение по первым 3, 2 в кранем случае 1 символу (первое совпадение по БД). При разрешении доступа к местоположению вычисляется населенный пункт - в API геосервиса передаются координаты. Время определяется по местному времени запрашиваемого города (время бразера +- часовой пояс +- часовой пояс искомого города) и сравнивается со временем заката/рассчета из прогноза. Единственная полностью бесплатная версия OpenWeather (Weather API) 2.5 устарела в июне 2024 и, к сожалению, может периодически выдавать ошибку запроса.

Адаптивная верстка: флексбокс, гриды, относительные (%) значения, медиа-запросы по точкам останова. Динамика сайта на нативном JS. Функции, массивы, объекты, работа с обработчиками событий, fetch, асинхронные запросы, таймаут, условия, обработка клавиш (клавиатура), обращение к стилям и классам, события и др. Слайдеры реализованы с кнопками и свайпами, обратной прокруткой. При клике на картинку слайдер открывается в модальном окне. Обработка формы js + php + css. Использование препроцессора SCSS, модулей js (webpack).

Использованы библиотека Routes, хуки (useState, useEffect). Отображение (вычисление и верстка) календаря с днями недели. Год, месяц и день - отдельные элементы, в которые добавлены элементы, осуществояющие работу с задачами (добавление, удаление). В работе со списками задач использованы методы массивов. Для текстового редактора (ежедневник в окне "День") использованы библиотеки draft-js, react-draft-wysiwyg.

Адаптивная верстка mobile first - flexbox, grid, медиа запросы. Стили наведения и активности кнопок и ссылок. Слайдеры,табы, модальное окно (и изменение его цвета), форма (и ее состояния), кнопка подъема страницы, изменение аватара, сайдбар - нативный js. Отправка письма с сайта без php - с помощью сервиса EmailJS.