Ivan Dobrotiuk
Рейтинг
Рівень володіння мовами
Резюме
🙂 Вітаю, друже. Я є FullStack розробником і виконую свою роботу із задоволенням. Радо допоможу знайти вирішення твоєї проблеми та максимально прикластися до отримання найкращого результату.
✅ Веб-програмування я не вивчав самостійно шукаючи інформаційні відеокурси в інтернет мережі, але пройшов відповідний вишкіл при GoIT School, де брав участь як у самостійних проектах, так і працюючи в команді.
👌 Для FrontEnd частини застосунку можу запропонувати написання коду на чистому HTML, CSS та JavaScript з кросбраузерним налаштуванням підлаштування під старші браузери за допомогою Parcel (написання лендингу, односторінковий сайт, сайт візитку, сайт на декілька сторінок).
👌 Продовжуючи тему FrontEnd частини, для написання складнішого веб застосунку пропоную React.js та маршрутизацію за допомогою React Router DOM, для глобального стану: Redux Toolkit та за потреби асинхронний Redux: RTK Query.
👌 Стосовно BackEnd частини, розробляю сервери на Node.js. Налаштуванян та маршрутиззацію виконую за допомогою Express.js, де розробляю марштрути для авторизації, аутентифікації та перевірки електронної адреси (наприклад, через Nodemailer) з кешуванням паролю. Щодо базт данних, працюю з MongoDB та Mongoose. Також працюю з Joi схемами, Multer, JWT.
Навички та вміння
Програмування
Дизайн та арт
Послуги
Переклади
Робота з текстами
Портфоліо
-
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
|
|||||
|
Верстка email листа для 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
|