Олег Левчук
Рейтинг
Рівень володіння мовами
Резюме
👋 Вітаю!
Мене звати Олег, я Frontend / Markup Developer з понад 8 роками досвіду у веб-розробці.
Займаюсь створенням сучасних, адаптивних та кросбраузерних сайтів - від landing pages до складних веб-інтерфейсів і dashboard-систем.
Люблю свою роботу та завжди намагаюсь робити результат максимально якісним, чистим та зручним у підтримці.
💪 Мої основні навички:
✔️ HTML5, CSS3, SCSS, BEM
✔️ JavaScript (ES6+)
✔️ Mobile-first підхід
✔️ Адаптивна та кросбраузерна верстка
✔️ Pixel Perfect верстка
✔️ Bootstrap, Tailwind CSS
✔️ Email templates
🛠 Чим користуюсь в роботі:
✔️ Git (GitHub, GitLab)
✔️ Webpack, Vite, Gulp
✔️ VS Code
✔️ JIRA
✔️ Figma, Photoshop
✔️ AI Tools (ChatGPT, Claude)
📌 Приділяю увагу:
✔️ Чистому та підтримуваному коду
✔️ Семантичній верстці
✔️ Accessibility
✔️ Responsive behavior
✔️ Component architecture
✔️ Оптимізації продуктивності
✔️ Дотриманню дедлайнів
🚀 Також маю власні проекти:
🔹 Expenses Tracker
React (Hooks: useState, useEffect, useRef, useMemo), Context API, JavaScript (ES6+)
expense-tracker-lvog.netlify.app
🔹 𝐂𝐨𝐨𝐤𝐂𝐫𝐚𝐟𝐭
Vanilla JavaScript, Spoonacular API, HTML5, SCSS
🌐 Більше інформації:
🔹 Portfolio website — lvog.github.io
🔹 GitHub — github.com/lvog
📩 Якщо вам потрібен швидкий, сучасний та responsive сайт — буду радий допомогти 😊
Навички та вміння
Програмування
-
HTML та CSS верстання
від 450 UAH за годину
Портфоліо
-
AppLab
HTML та CSS верстанняЦе адаптивний лендінг, створений за допомогою Tailwind CSS. Проєкт включає сучасний інтерфейс користувача з плавною навігацією, інтерактивними секціями та оптимізованою адаптивністю для різних типів пристроїв.
Технології:
- HTML5
… - CSS3
- Tailwind CSS
- JavaScript
- jQuery
Плагіни та функціонал:
- Sticky Scroll Block
- Smooth Scroll
- Slick Carousel
- Tabs
- Accordion
- Fancybox
-
Expense Tracker
Веб-програмуванняExpense Tracker — це вебдодаток для особистого фінансового контролю. Він дозволяє користувачам легко відстежувати доходи та витрати, переглядати загальний баланс і гнучко фільтрувати записи за днем, місяцем або роком.
Користувачі можуть додавати, редагувати та видаляти записи, а також експортувати їх у CSV-звіт для зручності. Додаток також містить авторизацію та персоналізовані налаштування, такі як вибір мови, валюти, теми (світла/темна) та зміна пароля.
… Технології:
React з хуками (useState, useEffect, useRef, useMemo) та Context API (useContext)
localStorage — збереження записів, налаштувань та стану входу
framer-motion — плавні UI-анімації
i18next + react-i18next — повна підтримка локалізації
styled-components — стилізація на рівні компонентів
uuid — генерація унікальних ID записів
prop-types — валідація пропсів
recharts — візуалізація даних у вигляді графіків
react-select — кастомний селект
react-datepicker — гнучкий вибір дати
Vite — швидка та сучасна збірка проєкту
-
CookСraft
Веб-програмуванняCookCraft — це односторінковий сайт, створений для того, щоб допомогти користувачеві легко знаходити, зберігати та планувати страви. Користувач може шукати різноманітні рецепти, використовуючи кілька фільтрів, таких як дієтичні вподобання, тип кухні та кількість калорій, зберігати улюблені страви та отримувати персоналізовані плани харчування, розраховуючи свою добову норму калорій.
CookCraft побудований на основі архітектури MVC (Model-View-Controller) та інтегрований із сервісом Spoonacular API для отримання даних про рецепти, а також калькулятором добової норми калорій, що дозволяє формувати точні та персоналізовані плани харчування.
… Технології:
- HTML5
- SCSS
- Vanilla JavaScript
- REST API (Spoonacular API)
- JavaScript Plugins (Headroom.js та AOS)
- Vite