Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Alina Kuchma

Запропонуйте Alina роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Київ, Україна

1 місяць 22 дні тому

вільний для роботи

на сервісі 11 місяців 26 днів

jquery
HTML-верстальщик
верстка landing page
кроссбраузерная верстка
flexbox
CSS/HTML верстка
React/TypeScript

Рейтинг

Успішних проєктів

Середня оцінка

Рейтинг

HTML та CSS верстання

913 місце з 5621

Javascript та Typescript

588 місце з 3482

Рівень володіння мовами

Резюме

Привіт! Я Frontend розробник. Люблю створювати чисті, адаптивні та приємні для користувача веб-сторінки.

Маю проєкти, де верстала сайти з макетів Figma та працювала з HTML, CSS і JavaScript. Створюю сторінки, які добре виглядають на будь-якому пристрої і працюють без помилок.

Готова брати невеликі замовлення на верстку та інтерактивні застосунки, виконуючи їх уважно, акуратно та вчасно. Завжди відкрита до обговорення деталей проекту і готова прислухатися до бажань замовника.

HTML / CSS верстка

Вартість: від $15 / проект - год, від $150 / день
Адаптивна, кросбраузерна верстка з макетів Figma
Односторінкові сайти (Landing page) та прості багатосторінкові проєкти

JavaScript (JS)

Вартість:
від $10 / проект - год
Прості інтерактивні елементи: модальні вікна, меню, слайдери

TypeScript (TS)

Вартість: від $10 / проект- год
Базові компоненти, інтеграція простих функцій

Примітки:

Ціни залежать від складності та обсягу проекту, завжди готова обговорити деталі.
Можливі пробні завдання, щоб переконатися в якості моєї роботи.

Навички та вміння

Програмування

HTML та CSS верстання
від 15 UAH за проєкт
Javascript та Typescript
від 10 UAH за проєкт

Портфоліо

Меблерія

Javascript та Typescript

#Frontend веб-застосунок для онлайн-магазину меблів.
Проєкт реалізує каталог товарів, перегляд детальної інформації про продукт, фільтрацію та базову взаємодію користувача з інтерфейсом.

Основна увага приділена адаптивній #верстці, структурі компонентів та зручності користування.
…
Реалізований функціонал:
Каталог товарів із відображенням списку меблів
Фільтрація / сортування продукції
Сторінка товару з детальним описом
Логіка взаємодії з інтерфейсом (кнопки, вибір варіантів)
Повністю адаптивний дизайн (#mobile / #tablet / #desktop)
Оптимізована структура компонентів

Технології
#HTML5
#CSS3
#JavaScript

Цей проєкт демонструє:
Побудову структури інтернет-магазину
Адаптивну верстку
Чистий та структурований код
TravelTrucks

Javascript та Typescript

#Frontend веб-застосунок для сервісу оренди кемперів

Проєкт реалізує:
каталог автомобілів із фільтрацією
… сторінки деталей кемпера
систему обраних
форму бронювання
перегляд відгуків

Застосунок побудований із використанням сучасного стеку технологій та демонструє роботу з #API, керування станом і маршрутизацію.

Особливості:
Camper catalog — відображення списку кемперів із серверною пагінацією
Фільтрація за параметрами (локація, обладнання тощо)
Favorites — додавання/видалення кемперів в/з обране/ого
Camper details page — окрема сторінка з детальною інформацією
Booking form — форма бронювання
Reviews — відображення відгуків користувачів
Робота з API та обробка асинхронних запитів

Технічний стек:
#Next.js
#TypeScript
Zustand
Axios

Що демонструє цей проєкт:
Побудова #SPA на Next.js
Робота з #REST API
Серверна пагінація
Глобальне керування станом
Обробка форм
Компонентна архітектура
Типізація даних через TypeScript
ToolNext

Javascript та Typescript

Веб-застосунок, де користувачі можуть реєструватися, входити, керувати профілями та створювати, редагувати, видаляти та переглядати контент, створений іншими користувачами.

Реалізована аутентифікація, захищені
маршрути, панель користувача та повна клієнт-серверна взаємодія.
…
Технології:
#Next.js
#TypeScript
#React
#Node.js
#Express
#MongoDB
#Mongoose
#Zustand
#React Query
#Axios

Внесок:
Розробка користувацької системи повністю (#frontend + #backend)
реалізація #JWT-аутентифікації та захищених маршрутів
побудова #CRUD-функціоналу для контенту користувачів
створення бекенд #API для користувачів та авторизації
інтеграція з фронтендом
управління станом клієнта через Zustand та станом сервера через React Query
Webstudio

HTML та CSS верстання

Односторінковий сайт, реалізований відповідно до макета в #Figma з використанням семантичної HTML-розмітки та сучасних підходів до адаптивної #верстки.

Основна увага приділена чистій структурі коду, кросбраузерності, оптимізації зображень та доступності інтерфейсу.

… Особливості:
Семантична HTML-розмітка відповідно до рекомендацій та макета
Адаптивний дизайн, реалізований за підходом #Mobile-First
Використання Flexbox для побудови гнучкого макета
Оптимізовані растрові зображення за допомогою Squoosh, формати .jpg та .svg
Підключений #modern-normalize для узгодженого відображення в різних браузерах
Підключені необхідні веб-шрифти
SVG-іконки зібрані в спрайт для ефективного використання
Реалізовані модальні вікна та мобільне меню з коректним перемиканням видимості
Форми та інтерактивні елементи мають базові атрибути доступності
Код проходить перевірку валідаторами
Форматування коду виконано за допомогою #Prettier

Технічний стек:
#HTML5
#CSS3
#Flexbox

Цей проект демонструє:
Семантичну та валідну HTML-розмітку
Реалізацію адаптивного інтерфейсу без дублювання стилів
Використання підходу Mobile-First
Оптимізацію зображень для швидкого завантаження
Організацію чистого та структурованого CSS-коду
Дотримання сучасних стандартів верстки
Movie Search App

Javascript та Typescript

React + TypeScript застосунок для пошуку фільмів через зовнішній #API, з дебаунсом пошуку, пагінацією результатів, деталізованими сторінками фільмів, станами завантаження та помилок, адаптивним UI

Функції проєкту:

… Пошук фільмів
Користувачі можуть шукати фільми за допомогою зручного та інтуїтивно зрозумілого інтерфейсу пошуку.

Перевірка введених даних забезпечує змістовні пошукові запити з чіткими повідомленнями про помилки для порожніх або недійсних введених даних.

Відображення фільмів
Фільми відображаються в адаптивній сітці з постерами та назвами.
Натискання на постер відкриває модальне вікно з детальною інформацією про фільм.
Плавний користувацький досвід з акцентом на зручність використання та доступність.

Пагінація
Підтримує перегляд кількох сторінок результатів пошуку.
Пагінація відображається лише тоді, коли доступно більше однієї сторінки результатів.
Користувачі можуть легко переміщатися між сторінками, зберігаючи контекст пошуку.
Отримання даних та керування станом
Ефективно отримує дані фільмів та зберігає їх для швидкого доступу.
Безперешкодно обробляє стани завантаження, стани помилок та кешовані дані.
Стан програми добре структурований та безпечний за типом.

Користувацький досвід
Індикатори завантаження та повідомлення про помилки надають користувачам чіткий зворотний зв'язок.
Модальні вікна можна закривати за допомогою кількох взаємодій (клацання за межами, натискання Escape або використання кнопки закриття).
Чистий та організований інтерфейс для плавного та інтуїтивно зрозумілого досвіду.

Безпека типів
Усі структури даних та властивості компонентів суворо типізовані.
Забезпечує послідовну та передбачувану поведінку в усьому застосунку.

Стилізація
Модульні, багаторазові стилі для ізоляції та зручності обслуговування компонентів.
Адаптивний макет та доступний дизайн для різних пристроїв та розмірів екранів.

Використані технології
Фронтенд: #React, #Vite, #TypeScript
Вибір стану та даних: #TanStack Query, React state
#HTTP-запити: #Axios
#Пагінація: React Paginate
#UI/UX: #CSS модулі, #modern-normalize, #react-hot-toast
Розгортання: #Vercel
Watchcharm

HTML та CSS верстання

Односторінковий сайт для онлайн-магазину годинників

Основна увага приділена адаптивній верстці під різні пристрої, зручній навігації та сучасному #UI

… Технічний стек:
#HTML5
#CSS3
#JS
NoteHub

Javascript та Typescript

Повнофункціональний застосунок для керування нотатками з аутентифікацією користувача, захищеними маршрутами, переглядом та редагуванням профілю, #CRUD операціями з нотатками у модальних вікнах, фільтрацією, клієнт-серверною взаємодією через Axios, підтримкою #SSR та #CSR, глобальним станом через Zustand і кешуванням/попереднім завантаженням #API через #React Query

Технології:
#Next.js (App Router, Server & Client Components)
… #TypeScript
#React
Zustand
React Query (TanStack Query)
Axios
#CSS Modules
#HTML5
#Fetch API

Активність

Останні ставки 10	Бюджет	Додано	Терміни	Ставка
Система управління рестораном 53 895 UAH	53 895 UAH	27 лют	21 день	відхилено
Новий лендинг BuyDomain 25 728 UAH	25 728 UAH	25 лют	21 день
Виправлення неробочого слайдера та кнопок на сайті (HTML/CSS/JS) 700 UAH	700 UAH	23 лют	1 день
Верстка сайту з готового дизайна (Figma) 10 000 UAH	10 000 UAH	20 лют	5 днів
Шукаю junior верстальника для реалізації сайту-візитки (дизайн готовий, Figma) 5000 UAH	5000 UAH	19 лют	4 дні	відхилено
React фронтенд розробник для верстки та переробки існуючого сайту 7999 UAH	7999 UAH	19 лют	4 дні
Реалізувати через JavaScript логіку перерахунку суми товару в кошику з урахуванням фасовки (ящика) 1800 UAH	1800 UAH	19 лют	2 дні
Простий Landing Page 1200 UAH	1200 UAH	17 лют	2 дні
Зробити адаптивне меню на мобільній версії сайту (HTML/CSS/JS) 700 UAH	700 UAH	черв 2025	1 день
Верстка по макету Figma (салон краси) 2000 UAH	2000 UAH	черв 2025	5 днів