Валерія Стратулат
Предложите Валерії работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Подольск,
Украина
19 дней 19 часов назад
свободен для работы
возраст 24 года
на сервисе 2 месяца 20 дней
Рейтинг
Успешных проектов
Средняя оценка
Уровень владения языками
Українська: носитель
English: базовый
Polski: базовый
Навыки и умения
Портфолио
-
Лендинг Пейдж для образовательной конференции "EduConf"
HTML и CSS верстка
Разработка адаптивной страницы-визитки для международной образовательной конференции. Проект демонстрирует классический подход к созданию чистых и семантических веб-страниц.
Технические особенности и реализация:
… Семантическая верстка: Использование современных стандартов HTML5 для лучшей индексации поисковыми системами (SEO).
Стилизация: Работа с CSS3 (Flexbox/Grid), что обеспечивает четкую структуру блоков и элементов.
Адаптивность: Страница корректно отображается на различных типах устройств (десктоп, планшет, мобильный) благодаря медиа-запросам.
Интерактивность: Реализация плавной навигации (Smooth Scroll) и стилизованных ховер-эффектов для кнопок и карточек.
Структура: Проект включает блоки "Hero", "About", "Schedule" и контактную форму, что делает его готовым решением для подобных мероприятий.
Инструменты: HTML5, CSS3
-
Expense Tracker — платформа для финансового учета
Веб-программирование
Категория: Веб-программирование
Технологический стек: Next.js 15 (App Router), TypeScript, Zustand, React Query, Formik, Axios.
Описание:
… Это высокопроизводительное веб-приложение для контроля личных финансов с фокусом на архитектуру production-ready. Проект реализует полный цикл взаимодействия пользователя с данными в реальном времени через адаптивный интерфейс.
Ключевой функционал и реализованные задачи:
Комплексная авторизация: Внедрила систему защищенных маршрутов (auth и private layout'ы), что обеспечивает безопасность персональных данных пользователей.
Управление состоянием (State Management): Использовала Zustand для легкого и быстрого управления глобальным состоянием приложения и React Query для эффективной синхронизации с API.
Интерактивный Dashboard: Разработала панель управления для визуального мониторинга баланса и истории операций.
Работа с формами: Настроила сложную валидацию финансовых транзакций с помощью Formik и Yup.
Адаптивная верстка: Реализовала mobile-first подход, что гарантирует удобство использования на смартфонах и планшетах.
Технические преимущества:
Чистая архитектура: Четкое разделение логики на компоненты, сервисы API (lib/) и централизованные типы TypeScript.
Типизация: 100% покрытие кода типами для минимизации ошибок и легкого масштабирования проекта.
Оптимизация: Быстрое загрузка страниц благодаря преимуществам Next.js App Router.
#Next.js #TypeScript #zustand #React Query #Axios
-
Туристическая платформа "Природные мандры" (Fullstack-разработка)
Веб-программирование
Командный проект, направленный на создание удобного сервиса для поиска и планирования экологических маршрутов по Украине. Проект реализован на современном стеке технологий с разделением на клиентскую и серверную части.
Мой вклад и технические решения:
… Архитектура авторизации (Next.js):
Разработала и внедрила систему безопасной аутентификации пользователей.
Настроила управление состоянием сессии с помощью React Context (AuthContext), что позволило централизованно хранить данные о пользователе.
Реализовала механизм работы с JWT-токенами (хранение, проверка срока действия и автоматическое логинирование).
Frontend-разработка:
Создала интерактивные формы регистрации и входа с клиентской валидацией данных.
Внедрила защиту приватных роутов (Protected Routes), что ограничивает доступ неавторизованных пользователей к личным кабинетам и созданию контента.
Интегрировала фронтенд с REST API для динамического отображения маршрутов.
Backend-интеграция:
Работала с серверной частью на Node.js/Express для обработки запросов авторизации и валидации данных на стороне сервера.
Настраивала взаимодействие с базой данных для хранения профилей пользователей и их маршрутов.
Технический стек:
Frontend: Next.js, TypeScript, Tailwind CSS, React Context API.
Backend: Node.js, Express, REST API.
Коллаборация: Git (командная работа через Pull Requests).
Ссылка на бекенд: https://github.com/StratulatValeria/pryrodni-mandry-back
#Next.js #Node.js #React/TypeScript
-
Реестр документов городского совета (Desktop-first)
Javascript и Typescript
Разработка функционального модуля для просмотра и поиска официальных документов. Проект демонстрирует навыки построения логики фильтрации больших массивов данных и работы с современными фреймворками.
Технические особенности и решения:
… Стек: Next.js 15 (App Router), TypeScript, CSS Modules.
Динамическая фильтрация: Реализован многоуровневый поиск по типу документа (решения, распоряжения, приказы), сфере деятельности и статусу.
Управление состоянием: Использование URLSearchParams для синхронизации фильтров с ссылкой, что позволяет сохранять результаты поиска при перезагрузке страницы.
Типизация: Полная поддержка TypeScript для обеспечения стабильности кода и предотвращения ошибок при работе с объектами данных.
Архитектура: Desktop-ориентированный интерфейс с акцентом на удобство обработки больших таблиц данных.
#Next.js #TypeScript
-
RentalCar — Сервис бронирования и аренды автомобилей
Javascript и Typescript
Современная Fullstack-платформа для поиска и аренды транспортных средств. Проект реализован как SPA (Single Page Application) с акцентом на высокую скорость работы и интуитивно понятный UX/UI интерфейс.
Технические особенности и архитектурные решения:
… Фреймворк: Построено на Next.js 15 с использованием App Router. Это обеспечивает эффективную маршрутизацию (динамические роуты /catalog/:id) и быстрое загрузку контента.
Управление состоянием: Глобальное управление состоянием приложения реализовано через Zustand. Это позволило создать удобную систему фильтрации авто и функционал «Избранное».
Сохранение данных: Благодаря интеграции Middleware Persist, выбранные пользователем автомобили сохраняются в LocalStorage, что позволяет не терять данные даже после закрытия вкладки или обновления страницы.
Типизация: Код полностью написан на TypeScript, что гарантирует стабильность приложения и облегчает дальнейшую поддержку.
Оптимизация: Внедрены современные методы загрузки изображений и данных для минимизации задержек при работе с большим каталогом.