О себе
Frontend / Fullstack Developer с фокусом на создание масштабируемых и производительных веб-приложений. • Архитектура и State Management: Проектирую приложения с использованием модульной структуры (FSD), эффективно управляю серверным состоянием через TanStack Query и реализую сложные системы авторизации (JWT, Protected Routes). • Fullstack-опыт: Не ограничиваюсь версткой — самостоятельно настраиваю REST API на Node.js/Express и проектирую архитектуру баз данных в PostgreSQL (Prisma ORM). • Качество кода: Пишу типизированный код на TypeScript, соблюдаю принципы DRY и SOLID, уделяю особое внимание адаптивности и Pixel-perfect верстке. Активный участник сообщества Women in Tech Kazakhstan. Постоянно повышаю планку качества своих проектов через стажировки и разработку сложных систем учета
Опыт работы
Freelance
Front-End Developer
Developed responsive interfaces and SPAs, ensuring Pixel-Perfect alignment with Figma designs. Implemented CI/CD processes to automate deployment and maintain code quality. Integrated web analytics (Google Analytics, Yandex Metrica) to track user activity. Built interactive UI components using Vanilla JS and React (forms, galleries, custom hooks).
- Разработал [N] одностраничных приложений с Pixel-Perfect вёрсткой по макетам Figma, обеспечив точное соответствие дизайну.
- Настроил CI/CD пайплайн с помощью GitHub Actions, автоматизировав деплой на Vercel/Netlify и сократив время выхода релиза на [X]%.
- Интегрировал Google Analytics и Яндекс.Метрику в [N] проектов, что позволило отслеживать поведение [N] пользователей.
- Разработал [N] одностраничных приложений с Pixel-Perfect вёрсткой по макетам Figma, обеспечив точное соответствие дизайну.
- Настроил CI/CD пайплайн с помощью GitHub Actions, автоматизировав деплой на Vercel/Netlify и сократив время выхода релиза на [X]%.
- Интегрировал Google Analytics и Яндекс.Метрику в [N] проектов, что позволило отслеживать поведение [N] пользователей.
Itransition
Full-stack Developer
Разработал систему управления складскими запасами (Inventory Management System) с нуля. Спроектировал модульную архитектуру по принципам Feature-Sliced Design (FSD) для обеспечения масштабируемости. Реализовал динамические кастомные поля и гибкую систему многопараметрической фильтрации и поиска. Оптимизировал управление серверным состоянием с помощью TanStack Query (кэширование, инвалидация) и внедрил Optimistic Updates для мгновенного обновления интерфейса. Разработал систему управления доступом на основе ролей (Public/Private) и защищённую панель администратора. Создал схему базы данных в PostgreSQL/Prisma и настроил автоматизированные CI/CD пайплайны.
- Разработал систему управления складскими запасами, которая обрабатывает [N] транзакций в день, обеспечив [X]% точность учёта.
- Внедрил Optimistic Updates, что сократило время отклика интерфейса на [X] мс и улучшило пользовательский опыт.
- Спроектировал и развернул CI/CD пайплайн, сократив время деплоя с [X] до [Y] минут.
- Разработал систему управления складскими запасами, которая обрабатывает [N] транзакций в день, обеспечив [X]% точность учёта.
- Внедрил Optimistic Updates, что сократило время отклика интерфейса на [X] мс и улучшило пользовательский опыт.
- Спроектировал и развернул CI/CD пайплайн, сократив время деплоя с [X] до [Y] минут.
Проекты
Inventory Management System
Full-stack inventory tracking system with transaction processing and data persistence. Implemented filtering logic and warehouse state management, including database interaction via Prisma.
Music Store Generator (SPA)
Browser-based application for algorithmic music synthesis. Utilized Tone.js for audio generation and React for real-time interface management.
Multi-page Application
Multi-page application (MPA) built using Minista (Vite), SCSS, and Vanilla JavaScript. Demonstrates static site generation (SSG) with JSX template support and complex UI components without heavy frameworks.
To-Do List Web App
Built with HTML, CSS, JavaScript. Implemented task addition, deletion, and storage with LocalStorage. Designed responsive UI with smooth interaction animations.
Pixel-Perfect Figma Layout
Replicated Figma design with pixel-perfect accuracy. Applied CSS Grid, Flexbox, and media queries for responsive layout.
Курсы
Stepik - Frontend