Frontend developer
Контакты
Я хочу стать Frontend-разработчиком, потому что еще в университете загорелась этой идеей. Сейчас мне хочется получить релевантный опыт работы и возможность дальше развиваться в данной сфере.
Я начинала с различных курсов на Stepik, практиковала навыки на Codewarse. На данный момент я закончила обучение в Яндекс Практикуме на курсе "Веб-разработчик". Сейчас прохожу различные курсы на Хекслет. Также принимала участие в хакатоне Мастерской Яндекс Практикума по разработке ML-продукта и интерфейса предсказательной модели для ООО “Лента”.
В веб-разработке меня привлекают неограниченные возможности и постоянное развитие, ведь всегда можно сделать интерфейс лучше и интересней. Ну и конечно, мне нравится видеть результат своей работы.
Я бы хотела обучаться и совершенствовать свои навыки дальше, мне не терпится приступить к работе.
HTML5, CCS3, SCSS, Flexbox, Grid Layout, Media queries, Адаптивная верстка, Кроссбраузерная верстка, pixel-perfect верстка, React, Redux, JS, TS, Express, MongoDB, NodeJS, API, Nginx, JWT, Postman, Git, Figma
1. Дипломный проект курса “Веб-разработчик” от Яндекс Практикума
Ссылки на проект:
Frontend: https://github.com/katyaslanidi/movies-explorer-frontend
Backend: https://github.com/katyaslanidi/movies-explorer-api
Что было сделано:
- настроена инфраструктура и создан сервер на express;
- подключена база данных, созданы схемы и модели ресурсов API;
- реализовано логирование, аутентификация и авторизация на сервере;
- бэкенд задеплоен на Яндекс Облако;
- свёрстаны компоненты на React, разметка портирована в его формат;
- описана логика и вёрстка страниц регистрации, логина, редактирования профиля, сохранённых фильмов;
- реализованы асинхронные GET- и POST-запросы к API;
- проработаны авторизованные и неавторизованные состояния, сохранение фильмов в профиле;
- полученные фильмы фильтруются на стороне клиента
Технологии:
HTML5, CCS3, Flexbox, Grid Layout, Media queries, Адаптивная верстка, Кроссбраузерная верстка, React, Express, MongoDB, NodeJS, API, Nginx, JWT, Postman, Git, Figma.
2. Проект Mesto
Ссылки на проект:
Frontend + Backend: https://github.com/katyaslanidi/react-mesto-api-full-gha
Backend: https://github.com/katyaslanidi/express-mesto-gha
Функционал:
- регистрация и авторизация пользователя
- редактирование аватара и профиля пользователя
- создание и удаление карточки
- возможность лайка и дизлайка карточки
- возможность открыть фотографии в полном размере
Технологии:
HTML5, CCS3, Flexbox, Grid Layout, Media queries, Адаптивная верстка, Кроссбраузерная верстка, React, Express, MongoDB, NodeJS, API, Nginx, JWT, Webpack, Postman, Git, Figma.
3. Хакатон Мастерской Яндекс Практикума по разработке ML-продукта и интерфейса предсказательной модели для ООО “Лента”
Ссылки на проект:
https://github.com/zigfrei/hackathon-lenta-17-frontend
Идея:
Разработка интерфейса для предсказательной модели планирования товаров собственного производства ЛЕНТА. Интерфейс позволяет наглядно представить прогноз спроса товаров собственного производства в указанный период. Полученную информацию можно фильтровать рядом характеристик (торговый центр, категории, группы
товаров и т.д.).
Технологии:
HTML, Sass modules, React, Redux toolkit.
Опыт
Дипломный проект курса “Веб-разработчик” от Яндекс Практикума
Ссылки на проект:
Frontend: https://github.com/katyaslanidi/movies-explorer-frontend
Backend: https://github.com/katyaslanidi/movies-explorer-api
Что было сделано:
- настроена инфраструктура и создан сервер на express;
- подключена база данных, созданы схемы и модели ресурсов API;
- реализовано логирование, аутентификация и авторизация на сервере;
- бэкенд задеплоен на Яндекс Облако;
- свёрстаны компоненты на React, разметка портирована в его формат;
- описана логика и вёрстка страниц регистрации, логина, редактирования профиля, сохранённых фильмов;
- реализованы асинхронные GET- и POST-запросы к API;
- проработаны авторизованные и неавторизованные состояния, сохранение фильмов в профиле;
- полученные фильмы фильтруются на стороне клиента.
Технологии:
HTML5, CCS3, Flexbox, Grid Layout, Media queries, Адаптивная верстка, Кроссбраузерная верстка, React, Express, MongoDB, NodeJS, API, Nginx, JWT, Postman, Git, Figma
Проект Mesto
Ссылки на проект:
Frontend + Backend: https://github.com/katyaslanidi/react-mesto-api-full-gha
Backend: https://github.com/katyaslanidi/express-mesto-gha
Функционал:
- регистрация и авторизация пользователя
- редактирование аватара и профиля пользователя
- создание и удаление карточки
- возможность лайка и дизлайка карточки
- возможность открыть фотографии в полном размере
Технологии:
HTML5, CCS3, Flexbox, Grid Layout, Media queries, Адаптивная верстка, Кроссбраузерная верстка, React, Express, MongoDB, NodeJS, API, Nginx, JWT, Webpack, Postman, Git, Figma
Проект Mesto JS
Ссылка на проект:
https://github.com/katyaslanidi/mesto
Функционал:
- редактирование аватара и профиля пользователя
- создание и удаление карточки
- возможность лайка и дизлайка карточки
- возможность открыть фотографии в полном размере
Технологии:
HTML5, CCS3, Flexbox, Grid Layout, Media queries, Адаптивная верстка, Кроссбраузерная верстка, JavaScript, ООП, Webpack, Работа с удалённым сервером
Проект “Путешествие по России”
Ссылка на проект:
https://github.com/katyaslanidi/russian-travel
Oдностраничный сайт, рассказывающий о внутреннем туризме России. Страница создана при помощи HTML и CSS, применена работа с макетом Figma и адаптивная вёрстка.
Технологии:
БЭМ (Nested), Grid, Flexbox, Медиазапросы, Позиционирование, Псевдоклассы, Figma.
Все работы проверялись менторами и проходили код-ревью.
Образование
Читаю профессиональную литературу на английском языке
Проживаю в городе Москва