Ivan Dobrotiuk
Рейтинг
Уровень владения языками
Навыки и умения
Программирование
Дизайн и арт
Услуги
Переводы
Работа с текстами
Портфолио
-
20 000 UAH Tracker of Water - веб-сайт для контроля потребления воды
Веб-программированиеКомандный проект.Моя роль в проекте:
> Backend developer: моя обязанность была написать маршруты для авторизации пользователя и внесение соответствующей информации в базу данных (MongoDB, Mongoose).Под авторизацией понимается: создание профиля, проверка электронной почты, повторное отправление письма на электронную почту, вход в кабинет, проверка текущего пользователя, редактирование личной информации, выход из профиля, удаление профиля.Кроме того, я реализована замена фотографии профиля пользователя, где именно изображение хранится на сервисе Cloudinary в папке того же пользователя.Также реализован маршрут восстановления пароля, если пользователь случайно его забыл.Сам сервер размещен на render.com. Ссылка на GitHub репозиторий: https://github.com/Supreme-cake-being/water-tracker-backend
> Элементарная защита информации: проверка текущего пользователя происходит с помощью JsonWebToken, пароль находится в базе данных в зашифрованном виде, для пользования приложением пользователь должен использовать настоящую электронную почту, без проверки которой невозможен вход в личный кабинет.> Swagger Documentation: моя задача была подробное написание документации, до всей серверной части приложения.Вот ссылка на документацию: https://water-tracker.onrender.com/api/docs/
… - Краткий описание применения: после регистрации и верификации электронной адреса, пользователь имеет возможность установить ежедневную норму воды, которую бы он хотел выпить.Соответственно, на главном экране личного кабинета есть календарь с возможностью добавления, редактирования и удаления количества выпеченной воды в определенное время суток.Также реализована progress bar, который показывает успехи пользователя в процентном значении относительно ранее установленной ежедневной нормы.
-
3000 UAH NovusHaus - сайт визитка
HTML и CSS версткаИндивидуальный проект .- веб-страница собрана и построена с помощью PARCEL;
- респонсивно-гумовая слоя, подготавливающаяся под любые размеры экрана;
- выполненный импорт SVG изображений, из онлайн-сервиса;
- подключение внешних шрифтов через Google Fonts;
… - создание CSS переменных для легкого редактирования цветов, шрифтов и др.при большей необходимости;
- такие кнопки, "узнать больше" или "добавить в коробку" отображаются только как часть интерфейса и не выполняют никакой другой функции, чем декоративный элемент.Первоначальное анимирование элементов страницы при загрузке реализовано с помощью сторонней библиотеки ScrollReveal.В секции "Testimonials" находится слайдер с отзывами, функционал которого позволяет собирать отзыва без нажатия на кнопки, а чиппируя за самой секцией отзыва, что довольно удобно использовать на смартфонах.Этот слайдер реализован с помощью библиотеки Swiper.На пороге в проекте JavaScript использовался минимально, для реализации мобильного меню, настройки ранее подключенных сторонних библиотек.
-
3000 UAH Headphones - сайт визитки
HTML и CSS версткаЭтот сайт реализуется как выполнение индивидуального проекта.
- респонсивно-гумовая слоя, подготавливаемая под любые размеры экрана, от самых маленьких до крупных;
- выполненный импорт SVG изображений, из онлайн-сервиса;
… - подключение внешних шрифтов через Google Fonts;
- создание CSS переменных для легкого редактирования цветов, шрифтов и др. при большей необходимости;
- такие кнопки, "узнать больше" или "добавить в коробку" отображаются только как часть интерфейса и не выполняют никакой другой функции, чем декоративный элемент.
Стоит обратить внимание на анимации, используемые в проекте, которые реагируют на прогортание страницы и ненужно анимируют те или иные объекты. Эта задача была реализована с помощью JavaScript библиотеки ScrollReveal.
На углу в проекте JavaScript использовался минимально, для реализации мобильного меню, слежения по прогортанию страницы и соответствующим подключением библиотеки для анимации.
-
3000 UAH Веб-сайт «BarberShop»
HTML и CSS версткаСайт визитка BarberShop, как выполнение индивидуального проекта:
- верстание веб-страницы из готового Figma макета;
- адаптивная верстка под мобильное, планшетное устройство и компьютер;
… - симантический и валидный код;
- частое использование псевдоэлементов;
- реализация небольшого слайдера изображений в HERO секции;
- использование SVG изображений, как препятствий для чистки кода;
- веб-страница реализована через технологию FLEXBOX;
- подключение внешних шрифтов через Google Fonts;
- создание CSS переменных для легкого редактирования цветов, шрифтов и др. при большей необходимости;
-
3000 UAH Студия Flower Studio
HTML и CSS версткаA one-page site for a flower company "ANEMONE". The project is made adaptively for computer, tablet and mobile versions according to the mobile first model.
Активность
| Последние ставки 10 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Сайт по дизайну (фронт + бэк)
35 000 UAH
|
|||||
|
Вёрстка многостраничника с заменой дизайна сайта
10 000 UAH
|
|||||
|
Электронная почта для Klaviyo
1000 UAH
|
|||||
|
Создать лендинг. Шаблон готового сайта
1200 UAH
|
|||||
|
Односторонний сайт для школы английского языка
1999 UAH
|
|||||
|
Проектная работа по HTML/CSS верстке вебсайтов
800 UAH
|
|||||
|
Верстянка Лендинга
2000 UAH
|
|||||
|
Front-end разработчик для проекта
25 000 UAH
|
|||||
|
Сайт (SPA) на Astro(Astro.build) по готовому дизайну JS, TS, Frontend
3200 UAH
|
|||||
|
Верстянка Лендинга
1600 UAH
|