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

Работал над тремя веб приложениями разрабатываемыми компанией: Admin Panel, Сайт отеля клиента, лэндинг пейдж приложения Admin Panel. За это время выполнил следующие задачи:

АДМИН ПАНЕЛЬ.

1) Внедрил в проект линтер «Prettier» и настроил его для автоматической поправки чистоты кода.
2) Исправил ошибки вёрстки оставшиеся после предыдущего разработчика. Улучшил внешний вид разработанных им страниц.
3) Восстановил работу всех форм на проекте, созданных до моего прихода.
4) Создал валидацию для всех форм, используя библиотеку “Formik” и Yup.
5) Имплементировал пошаговое добавление отеля, когда все необходимые данные пользователю предлагается добавить постепенно, а не вводить всё в одну длинную форму.
6) Добавил страницу с подписками, имплементировал фильтры поиска подписок, пагинацию и searchParams для сохранения результатов поиска.
7) При разработке, сделал поддержку приложением 4-х языков: Английском, Русском, Испанском и Польском.
8) Сделал поддержку платежей через Stripe а также страницы для редиректа.
9) Сделал страницу для управления отелями пользователя, где клиент может видеть добавленные им отели, управлять их загруженностью, менять характеристики, цены и.т.д.
10) Написал errorHandler, чтобы в случаях когда с сервера приходят ошибки: 500, 400, 401 и 403, появлялось модальное окно с текстом ошибки и её кодом.
11) Оптимизировал скорость загрузки приложения, использовав Lazy loading для последовательной подгрузки компонентов.
12) Исправил ошибку "Error chunk loading".
13) Используя компонент “Calendar” из библиотеки “Mantine”, создал календарь резерваций, используя который клиент может выбрать дату въезда в отель и дату выезда, также на календаре владелец отеля может видеть, какие дни уже заняты клиентами и добавить новых туда нельзя.
14) Сделал страницу в админ панеле, для кастомизации сайта отеля клиента. На странице можно: редактировать домен предоставленный сервисом приложения или добавить свой, изменить лого на сайте, выбрать цветовую тему, добавить ссылки на соц. Сети клиента и добавить описания отеля на 6-и языках. Сделал iFrame для просмотра изменений на сайте в реальном времени.
15) Добавил генерацию описания отеля при помощи Chat GPT, а также автоперевод описания отеля на 6 языков при помощи нейро сети.
16) Сделал пошаговый онбординг пользователя, для того чтобы клиент мог как можно быстрее научиться пользоваться приложением, заполнить все необходимые данные и начать получать прибыль.
17) Сделал приложение адаптивным, чтобы все страницы смотрелись хорошо при ширине экрана от 360px., с учётом поддержки приложения на 4-х языках.
18) Сделал интеграцию с сервисом Google Places. В результате при заполнении пользователем адреса, ему отображаются подсказки от Google, о возможном адресе который он хотел бы ввести. Также была добавлена Гугл карта, которая отображает местоположение, указанное пользователем.
19) Интегрировал Stripe embedded Dashboard, чтобы клиент мог посмотреть историю платежей.
20) Интегрировал Google ReCAPTCHA чтобы предотвратить спам в форму обратной связи с технической поддержкой.
21) Разработал сервис где на стороне клиента платформы, можно оставить сообщение для технической поддержки, а на стороне администратора платформы, можно просматривать сообщения, фильтровать их по тематикам, искать сообщение пользователя по тексту в нём.

СТРАНИЦА ОТЕЛЯ

1) Создал сайт отеля и сделал адаптивный дизайн.
2) Подключил БД, чтобы в зависимости от домена клиента, сайт показывал разную информацию.
3) Создал версию сайта на 6-и языках, с учётом того что адаптив не должен ломаться на разных локалях.
4) Сделал интернационализированные пути, для улучшения SEO сайта отеля.
5) Разработал поддержку разных цветовых тем для сайта, на основе предпочтений клиента.
6) Используя библиотеку ”react-calendar”, сделал календарь резерваций, при помощи которого пользователь может выбрать даты въезда/выезда, а также видеть даны когда въезд не возможен в виду занятости.
7) Создал страницу восстановления пароля а так же весь user flow, начиная от запроса пользователя на отправку письма восстановления пароля на email, заканчивая вводом нового пароля для учётной записи.

ЛЕНДИНГ

1) Сверстал landing page по макету из Figma, добился вёрстки Pixel Perfect, с погрешностью не более 10px.
2) Сделал апаптивный / респонсивный дизайн.
3) Сделал интернационализированные пути, для улучшения SEO.

Разработка веб приложений на React.