Алёна Соболева

• HTML
• CSS/SCSS
• JavaScript
• React
• Redux, Redux Toolkit, RTK Query
• WebSockets
• Работа с REST API, Axios
• Node.js
• Git, GitHub, GitHub Action
• Автоматическое тестирование (Jest)

Чат (Slack)

Разработала чат-приложение с функционалом регистрации, авторизации и управления каналами. Внедрила возможность добавления, удаления и переименования каналов, а также обмена сообщениями в реальном времени с использованием WebSockets. Для управления состоянием приложения и запросами к серверу использовала Redux Toolkit и RTK Query. Валидация форм реализована с помощью Yup, а данные о пользователе и токен сохраняются в localStorage для обеспечения удобства и безопасности. Для хранения текстов и локализации использована библиотека i18next. Фильтрация нецензурных слов осуществляется с помощью leo-profanity, а для улучшения взаимодействия с пользователем добавлены всплывающие уведомления через react-toastify. Все ошибки в продакшн-среде отслеживаются с помощью Rollbar, что позволяет быстро реагировать на проблемы.

Стек технологий:
React, Redux Toolkit, RTK Query, WebSockets, React Router, i18next, leo-profanity, react-toastify, Rollbar, Formik, Yup, Vite, Bootstrap, Eslint

RSS-агрегатор

Создала сервис для чтения и управления RSS-лентами из разных источников. Приложение автоматически обновляет ленты каждые 5 секунд и позволяет быстро просматривать новые посты с помощью встроенной функции предпросмотра. Для работы с запросами использовала библиотеку Axios, что сделало взаимодействие с сервером быстрым и плавным. Добавила i18next для удобного хранения всех текстов в одном месте, что упростило управление контентом. Для управления состоянием интерфейса в реальном времени использовала on-change, а валидацию форм реализовала с помощью Yup для обеспечения надежности данных. Этот проект помог мне углубить знания в работе с DOM API и UX, а также прокачать навыки управления состоянием приложения и взаимодействия с API.

Стек технологий:
JavaScript, Axios, i18next, on-change, Yup, Bootstrap, Webpack, AJAX, Eslint, GitHub Actions

Вычислитель отличий

Создала утилиту для поиска различий между структурами данных в форматах YAML и JSON. В процессе работы я научилась эффективно применять рекурсивные алгоритмы и работать с древовидными структурами данных. Применение TDD и автоматического тестирования с использованием Jest помогло мне улучшить качество кода. Этот проект развил мои навыки модульного программирования и обработки данных.

Стек технологий:
JavaScript, Node.js, Jest, commander.js, YAML, JSON, lodash, GitHub Action, Eslint, CodeClimat

Заметки

Создала приложение для управления заметками с возможностью добавления, редактирования, удаления и поиска по содержимому. Заметки сохраняются в localStorage, что позволяет сохранять данные между сессиями. В приложении реализован адаптивный дизайн и анимации для улучшения пользовательского опыта. Проект улучшил мои навыки работы с DOM API, localStorage и созданием удобных интерфейсов.

Стек технологий:
JavaScript, HTML, CSS, localStorage, Eslint

Виртуальный питомец

Создала приложение для управления виртуальным питомцем с возможностью следить за его состоянием (здоровье, голод, счастье, энергия) и взаимодействовать с ним. В процессе работы закрепила знания по управлению состоянием приложения в реальном времени и взаимодействию с DOM с помощью JavaScript. Также использовала CSS-анимации для улучшения визуального восприятия и динамичности интерфейса. Проект закрепил мои навыки работы с таймерами и обработчиками событий.

Стек технологий:
JavaScript, CSS, HTML, Eslint

Игры разума

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

Стек технологий:
JavaScript, Node.js, ESLint, Git, npm, CodeClimat