Обо мне

Контакты

Телефон/Whatsapp

+7 964-395-52-47

Телеграм

@nikrainev

Почта

nikrainev@gmail.com

Вконтакте

vk.com/nikrainev

Github

WEbDevRu

vc.ru

54284-nikita-kraynev

— предпочтительный способ связи

Мне 19 лет, родился и живу в Санкт-Петербурге. Я студент 2 курса университета ГУАП, факультет «Прикладная информатика». Ищу работу фронтенд разработчиком, рассматриваю как к частичную, так и полную занятости. Готов верстать и вносить небольшие изменения в бэкенд, но всё же больше вижу себя как JS фронтенд разработчика.

Изучаю Web разработку с 9 класса, с 2018 по 2020 год, работал верстальщиком на фрилансе. Обычно это была вёрстка с макета, однако был опыт изменения вёрстки в уже рабочих динамических сайтах. В вёрстке применял Bootstrap 4, препроцессор SCSS. Так же в это время делал небольшие проекты как full-stack разработчик для себя, тогда это были PHP + MySQL и AJAX запросы с помощью JQuery.

В октябре 2020 года начал активно изучать разработку SPA. За основуя взял плейлист в котором постепенно объяснялось как создаются SPA на основе React. Бэкенд я решил делать на Node.JS, за основу так же взял плейлист. Улучшал знания нативного JS по learn.javascript.ru, а также решал задачи на codewars.

Благодаря сотням просмотренных макетов, появилась насмотренность, поэтому смог сделать неплохой дизайн сразу в вёрстке.

Хорошо знаю английский, почти всю информацию по Node.JS и деплою приложения я получил из англоязычных источников.

Pet-проект

В качестве домашнего проекта я разработал трекер.

Технически это классический MERN, бэкэнд и фронтенд проекта расположены на VPS с Ubuntu и установленным Nginx.
Связь бэкэнда и фронтенда выполнена с помощью Rest API, для API написана документация. Визуальную часть старался делать в стиле Microsoft fluent

Трекер доступен по адресу trackyour.site, чтобы воспользоваться нужна регистрация.

Трекер позволяет создавать счётчики, представляющие из себя небольшой JS код встраиваемый в страницу (например, на данной странице он есть перед закрывающем тэгом body). Повторные посещения отслеживаются с помощью cookie.

Данные о пользователе получаются из http запроса (c помощью ua-parser-js, выбираю данные из user_agent, и помощью внешнего API проверяется IP по базам)

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


Буду рад рассказать подробнее лично

103 отзыва обо мне

Проекты с фриланса

Вёрстка сайта из фигмы, внутренние страницы состоят из комбинаций базовых блоков с разным контентом.

Отдельной задачей была загрузка сайта на хостинг, так как пришлось переносить домен с другого сервиса, а заказчик сначала не понимал к чему мне надо дать доступ. Пришлось кратко объяснить некоторые технические моменты.

Копроративный сайт

profaliance-clean.ru

Вёрстка лэндинга

Для графика использовал chartist-js, также сделал анимацию при смене слайдов в слайдере "Команда проекта"

Лэндинг

redbee.ru

Вёрстка лэндинга, получилось красиво, но очень неоптимизированно (но не столько как по ссылке в заголовке), вот этот лэндинг на моём хостинге

Вёрстка формы для сайта Vodafone. Также было выполнено ещё несолько задач по вёрстке для этой фирмы, особый фокус был на pixel perfect.

Форма

nikrainev.ru

Верстка HTML писем, верстал как с нуля, так и менял текущие шаблоны под нужды заказчиков.

HTML письмо

nikrainev.ru

Вёрстка главной страницы сайта.

Копроративный сайт

1oknaveka.ru

HTML документ для автоматизации печати

Документ

nikrainev.ru

Сверстал небольшой сайт. Реализовал смену темы.

Сайт

flbot.pro

Перевёрстка сайта созданного на конструкторе. Также надо было скопировать калькуляторы с других сайтов.

Калькуляторы

nikrainev.ru

Перевёрстка сайта созданного на конструкторе. Основной задачей было ускорение загрузки сайта.

Решил задачу с помощью сжатия картинок, оптимизации шрифтов, а также вынесения загрузки iframe плеров youtube на клик пользователя

Лэндинг

health-club.od.ua

Одна из первых коммерческих вёрсток

Лэндинг

prorabpro.ru