Ігор Кондратюк
Рейтинг
Рівень володіння мовами
Резюме
Fullstack розробник . Маю досвід виконання колективних та індивідуальних проектів . Маю три пет-проекти. Мій стек : HTML, CSS, SCSS, JS, TS, React.jsx, Redux.js, Next.js, Node.js .
Навички та вміння
Портфоліо
-
Pet Love
Веб-програмуванняЦе застосунок для компанії яка об'єднує людей які люблять домашніх тварин і тримають їх у себе вдома . Компанія може надавати користувачам інформаційні і рекламні послуги в цій сфері . Демо-версію можна протестувати за посиланням https://petlove-lac.vercel.app
Основні розділи .
Застосунок містить наступні сторінки :
…
Стартова сторінка - містить баннер з логотипом - кнопкою переходу на домашню сторінку.
Домашня сторінка - містить баннер про домашніх улюбленців і блок навігації , за допомогою якого можна перейти на інші сторінки.
Сторінка новин - на цій сторінці розміщені картки з новинами про домашніх улюбленців, про умови утримання, раціон, тощо. В кожній картці є кнопкі переходу на сайт компанії- надавача новини для детальнішого її перегляду. Також на сторінці є можливість пошуку новин за ключовим словом і для зручності перегляду є пагінація.
Сторінка об'яв - містить картки з інформацією про домашніх улюбленців. Кожна картка містить дві кнопки за допомогою яких авторизований користувач може переглянути детальну інформацію з посиланнями на контакти надавача даної об'яви. При цьому об'ява потрапляє автоматично в колекцію переглянутих. Друга кнопка призначена для додавання об'яви до колекції обраних або видалення якшо ця об'ява була додана раніше. Неавторизованому користувачу буде запропоновано пройти авторизацію або реєстрацію. Також на сторінці є можливість пошуку за ключовим словом і фільтрації за типом, гендером, категорією, локацією, популярністю та ціною. Для зручності перегляду є пагінація.
Сторінка друзів - містить картки з інформацією про компанії які підтримують любителів тварин. Картки містять також посилання на контакти цих компаній а при кліку на логотип можна перейти на сайт компанії.
Сторінка реєстрації - містить форму за допомогою якої новий користувач може зареєструватись і створити свій акаунт. При успішній реєстрації застосунок автоматично перенаправляє користувача на сторінку профілю.
Сторінка логінізації - містить форму для авторизації раніше зареєстрованого користувача. При успішній авторизації застосунок автоматично перенаправляє користувача на сторінку профілю.
Сторінка профілю - містить інформацію про користувача і форму для редагування цієї інформації (зміна імені, емаіл, номеру телефону, аватарки). Також сторінка містить таби за допомогою яких користувач може переглядати раніше створені колекції обраних або переглянутих об'яв. Крім того на сторінці розміщені картки створені користувачем з інформацією про його домашніх улюбленців , на кожній картці є кнопка для видалення картки з колекції. Ще на сторінці є кнопка переходу на сторінку для додавання карток улюбленців в колекцію.
Сторінка додавання улюбленців - містить форму для створення картки з інформацією про домашнього улюбленця (фото, вік, стать, імя, тощо). Після успішного створення нової картки застосунок перенаправляє користувача на сторінку профілю де вже можна бачити створену картку.
Верстка
Верстка : -mobile від 320рх - гумова, від 375рх - адаптивна. Tablet, desctop - адаптивна з точками перелому 768рх і 1280рх. Реалізована згідно ТЗ:https://docs.google.com/spreadsheets/d/1DmQUeGZy_oaXN6yn69ORLzou1ZQRyTMlrAqPSit_clw/edit?pli=1&gid=1134921873#gid=1134921873 і макетуhttps://www.figma.com/file/puMNfZVg4YI8UZoJ1QiLLi/Petl%F0%9F%92%9Bve?type=design&node-id=55838-750&mode=design&t=Xg1IwIcKebTl5xGs-0
Використані технології
Фронтенд
React з використанням бандлеру Vite.
React Routers.
Redux Toolkit.
CSS, Styled-Components.
React-hook-form.
Yup.
React-toastify.
React-spinners.
Бекенд
Для застосунку був використаний готовий бекенд https://petlove.b.goit.study/api-docs/#/
-
Learn Lingo
Веб-програмуванняЦе застосунок для компанії, що пропонує скористатися послугами викладачів з вивчення мов онлайн. Додаток дозволяє користувачам переглядати інформацію про викладачів яка занесена в базу даних, фільтрувати за мовою викладання, рівнем підготовки користувача а також за максимальною ціною. Користувач може відправити форму бронювання пробного уроку. Авторизований користувач крім того має можливість створити колекцію улюблених викладачів, куди може добавляти викладачів які йому сподобались і відповідно видаляти їх. Демо-версію можна протестувати за посиланням https://teachers-indol.vercel.app
Основні функції
Домашня сторінка - містить баннер з основним закликом до дії та кнопку переходу на сторінку каталогу.
… Сторінка каталогу - показує інформацію про всіх викладачів які є в базі також тут є можливість фільтрувати за мовою , рівнем підготовки користувача і максимальною ціною, також для зручності перегляду передбачена пагінація і кнопка "Scroll Up".
Для авторизованого користувача є доступ до сторінки улюблених де відображається інформація про викладачів яких користувач додав до улюблених. На цій сторінці також передбачена пагінація і "Scroll Up".
Кожна картка викладача містить кнопку "Read more" при кліку по якій відкривається більш детальна інформація про викладача і стає доступною кнопка "Book trial lesson" , при кліку на цю кнопку відкривається модальне вікно з формою бронювання пробного уроку.
-
Epic Fantasy
HTML та CSS верстанняРекламний додаток для компанії що спеціалізується на виготовленні відеоігр. https://gocha001.github.io/STP-7967/
Активність
| Останні ставки 9 | Бюджет | Додано | Терміни | Ставка | |
|---|---|---|---|---|---|
|
Верстка макета Фігма
5000 UAH
|
|||||
|
Верстка макета з Figma в HTML/CSS
1000 UAH
|
|||||
|
Створити сайт
10 000 UAH
|
|||||
|
Верстка однієї сторінки
1000 UAH
|
|||||
|
Верстка сайту в html
5153 UAH
|
|||||
|
Верстка книги.
1500 UAH
|
|||||
|
Верстка сторінки
4000 UAH
|
|||||
|
Потрібен розробник на постійну співпрацю
1109 UAH
|
|||||
|
Верстка макету по Figma
5000 UAH
|