В работе использую в основном: HTML, SCSS modules, React, Zustand, Vite, Typescript, TON Connect А также: Javascript, Gulp, Webpack, Redux, Web3.js, viem, wagmi, WalletConnect, echarts, framer, react/springs, TailwindCss Часто беру на себя роль feature-owner, пишу требования для продукта/дизайна, а также технические требования для frontend/backend проекта Участвую в обновлении проектного npm-пакета на стороне backend (Node, Typescript, Zod) Тестирую приложения на разных клиентах, пишу тест-кейсы Разработка телеграм ботов с использованием NodeJS + Typescript + Grammy Лид фронт-энд разработки на проекте ToON - Telegram Mini-app с AI генерациями и коллаборациями в экосистеме TON https://t.me/toon Лид фронт-энд разработки на проекте ToON Nation - Telegram Mini-app с элементами AI и крипто-фарминга https://t.me/toon_nation_bot/toon_nation?startapp=291256738 Лид фронт-энд разработки на проекте TON Wrapped 2024 - коллаборации TON Society + ToON Nation https://t.me/toonorgbot/tonwrapped2024

В продуктовой команде Photo Lab работаю над такими задачами как: - Поддержка и создание бизнес логики проекта Web3 ToON.ORG - Создание функционала покупки криптовалют, минтинга NFT и других способов взаимодействия с контрактами на различных блокчейнах - Оптимизация работы сайтов для более 30 000 активных пользователей в месяц - Разработка корпоративного сайта для проекта ToON.ORG - Адаптивная вёрстка многостраничного сайта - Создание анимаций Framer Motion/js/css/jQuery. - Самостоятельное ведение и контроль проекта В работе использую HTML, SCSS, Javascript, Gulp, Webpack, React, Redux, Redux thunk, Vite, Web3.js, viem, wagmi, WalletConnect, Zustand, Typescript, SCSS modules Проект был успешно представлен на Crypto Expo Dubai 2023

PORTFOLIO: https://ana-zhuravleva-portfolio.vercel.app GITHUB: https://github.com/meri-maki ENGLISH - C1/Advanced Весь стэк и технологии, которые я использую в работе: ✔ HTML5 ✔ CSS3, SCSS, LESS, CSS modules ✔ Адаптивная/семантическая верстка mobile-first ✔ Сложные js/css/jQuery/GSAP анимации ✔ Bootstrap, Tailwind CSS, Material UI, Framer Motion ✔ DOM, BEM, FSD (Feature Sliced Design) ✔ JavaScript (es6), Typescript ✔ React, React Router ✔ Redux/Redux Toolkit/Zustand ✔ RESTful API, Fetch/Axios ✔ Настройки конфигураций webpack/typescript/eslint/babel/vite ✔ Jest/react-testing-library/e2e ✔ Storybook ✔ Внедрение интернационализации с помощью i18n ✔ Создание MERN стэк приложения ✔ Next.js ✔ Vite ✔ CI/CD (gitlab) ✔ Husky, pre-commit hooks - Personal Portfolio Website Персональное портфолио разработчика с функциями переключения светлой/темной темы и ее автоматического обнаружение, lazy-loading и формой обратной связи (в интеграции с сервисом EmailJs). Архитектура приложения выстроена на основе Feature-Sliced Design Полный стэк: React, React Router, Javascript, CSS modules, Vite, react-scroll, react-icons, EmailJs КОД: https://github.com/meri-maki/portfolio ДЕМО: https://ana-zhuravleva-portfolio.vercel.app/ - MERN Stack Social App Приложение выполненное на MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS) с функцией авторизации пользователя, размещением постов и state менеджментом с помощью Redux Toolkit. Полный стэк: MERN: NodeJS, MongoDB, Mongoose, JsonWebToken, Multer, Yup, React, Redux Toolkit, React Persist, React Router, Formik, React Dropzone, MUI КОД: https://github.com/meri-maki/MERN-social-FRONT - METAVERSUS Адаптивная верстка сайта на Next.JS и React, анимации выполнены с помощью библиотеки Framer Motion Полный стэк: React, Next.js, Tailwind CSS, Framer Motion КОД: https://github.com/meri-maki/metaversus ДЕМО: https://metaversus-lilac-six.vercel.app/ - Weather Forecast App (TS) Приложение имеет интеграцию с OpenWeatherAPI, красивый и простой дизайн, с возможностью удобного поиска местоположения, В приложении можно узнать информации о текущем прогнозе погоды, а так же сведения об осадках, давлении, скорости ветра и тд Полный стэк: React, Typescript, OpenWeather API, Vite, Tailwind CSS, Tailwind CSS Scrollbar КОД: https://github.com/meri-maki/ts-weather-app ДЕМО: https://ts-weather-app.vercel.app/ - React Todo App Приложение списка дел с функцией drag-n-drop, local storage и интеграцией с Bored API (выполняет функцию подсказки), выполнено в интересном дизайне с приятными анимациями Полный стэк: React, Javascript, CSS modules, Bored API, Create React App, DND kit (функция drag-n-drop), react-icons, react-confetti (анимация конфетти при выполнении всех заданий), react-textarea-autosize, react-use, react-tooltip КОД: https://github.com/meri-maki/react-todo-app ДЕМО: https://react-todo-app-livid.vercel.app/

В команде разработки digital-агентства Digitas, в лице арт-директора/дизайнера, проджект менеджера и web девелопера, работала над такими задачами как: - Обычная вёрстка. - Адаптивная вёрстка cуществующих сайтов. - Добавление новых фич на сайт. - Переделка шаблонов. - Создание дизайнов. - Разработка корпоративного сайта для компании Инград - Самостоятельное ведение и контроль проектов (была единственным разработчиком в команде) КОД: https://github.com/meri-maki/new-ingrad ДЕМО: https://meri-maki.github.io/new-ingrad/

Вместе с технической международной командой (frontend, backend, lead, QA, UX designer): - Разрабатывала компоненты для low code платформы, на которой создавали макеты анкет (ReactJs/Storybook) - Программировала логику (JS) для корректного сбора целевой аудитории для маркетинговых исследований - Разрабатывала индивидуальные макеты анкет для клиентов, оптимизировала прохождение анкет пользователями с помощью скриптов (JS) - Отвечала за составление программ опросников на low-code платформе для сбора данных в соответствии с установленными спецификациями и сроками; - Создавала обучающую документацию на английском языке для новых сотрудников, включающую в себя техническую документацию по использованию платформы, создание информативных таблиц по созданию и стилизации опросников, видео-уроки по работе в Adobe PS - Активно и эффективно сотрудничала с интернациональной командой, коллегами из других департаментов на английском языке и при необходимости кооперировала работу с внештатными сотрудниками на UPWORK - Редактировала изображения продуктов и создавала правдоподобные виртуальные полки для проектов Virtual Shopper Research в соответствии со стандартами качества компании Мои достижения за время работы: - Роль наставника для новых членов команды разработки (front), проведение onboarding сессий для погружения в продукт - Роль неофициального лидера российской части команды разработки, к которому всегда обращались за помощью - Большой вклад в написание документации на английском языке для международной команды, которая значительно ускорила процесс onboarding и в целом увеличила скорость и качество работы разработчиков

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