Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
  • Верстка Університет Бізнесу та особистісного зростання Алекса Ян

    Javascript та Typescript
    Верстка html, css, js
    Налаштовати час появи відео та банерів.
    - З 18:00 по Києву до 18:20 (Київ) – відео + коментарі.
    - З 18:20 до 21:00: відео + банери + текст + коментарі.
    - А з 21:00 до 18:00 наступного дня має бути картинка та коментарі.


  • 37 689 UAH

    chasopys

    Javascript та Typescript
    #webflow #JavaScript


  • Розробка магазину

    Javascript та Typescript
    Фукнціонал: темний режим, кошик, localStorage
    HTML, SCSS, JS , ReactJS


  • BookShelf

    Javascript та Typescript
    Командний проєкт
    Верстання + Javascript


  • Сайт по продажу Apple продукції

    Javascript та Typescript
    Все було розроблено мною з нуля. Основні мої досягнення:

    1. Верстка сайту без використання готового макету чи дизайнера.
    2. Розробка всіх скриптів.
    3. Автоматизація виведення цін з бази даних, з приховуванням ціни для товарів без вказаної ціни та включенням опції предзаказу.
    4. Створення триязичного сайту, наразі підключено дві мови, але можливе додавання англійської.
    5. Інтеграція форми з Kommo, де я усунув недоліки попередньої версії, розробленої більш досвідченим програмістом, зокрема автоматизував оновлення токенів.
    6. Інтеграція різноманітних плагінів з Kommo CRM.
    Сайт ще не запущений, тому деякі функції, зокрема ті, що пов'язані з Kommo, наразі неактивні через відсутність підписки.


  • Онлайн склад

    Javascript та Typescript
    Код знаходиться на GitHub:
    https://github.com/bohdan-mykhailenko/inventory

    Опис:
    Цей проект являє собою онлайн-інвентар, де ви можете зберігати та керувати замовленнями та продуктами. Простий у використанні з усіма можливими функціями для комфортного перегляду та взаємодії!

    Можливості
    * Завантажуйте та взаємодійте з даними: Отримуйте, створюйте та видаляйте замовлення або товари.
    * Підрахунок активних сесій: Використовуючи веб-сокет, додаток рахує сеанси.
    * Пошук та фільтрація: Можливість знайти конкретний продукт або замовлення.
    * Адаптивність: Повна адаптивність для різних роздільних здатностей екрану.
    * Валідація: Коректна валідація форм для створення нових товарів.

    Технології:
    * TypeScript
    * React
    * Redux Toolkit
    * React Router
    * React Query
    * Axios
    * Formik
    * MUI
    * SCSS
    * Docker


  • Проект коструктора піци

    Javascript та Typescript
    #JavaScript 54.8%
    #CSS 24.7%
    #HTML 20.5%

    Реалізація конструктора піцерії з використанням drag-and-drop


  • Ренесанс

    Javascript та Typescript
    Інтерактивний ландінг (на наційному HTML/CSS) і Android додаток (на React Native) для пентестинга.
    #Мобільні додатки #Пентест #Пентестер #Веб-сайти #ReactNative #node.js #Javacript #ECMA6 #pentesting #mobileapp #web-site #сайтлендинг #лендинг #LandingRage #superPuper


  • 5000 UAH

    MIMIHO

    Javascript та Typescript
    [HTML, CSS , Prettier, squoosh, Git, Flexbox, modern-normalize, Icomoon, svgomg, SVG sprite, BEM, SASS, adaptive layout]
    A website of Hotel Mimino. Section on the main page with contacts and location of the institution + search on Google maps. Responsive design, transformation effects, modal windows.
    Role: Scrum Master; Developer
    https://badyanch.github.io/MIMIHO/


  • 6000 UAH

    Сайт - візитка для кастинг-агентства Cinema Kyiv

    Javascript та Typescript
    - Адаптивна верстка з 3-ма breakpoints (mobile, tablet, desktop)
    - CSS - анімація
    - Slick slider
    - Фільтрація проєктів по категоріям за допомогою JavaScript
    - Додана пагінація
    - Рендер списку проєктів отриманих з зовнішнього джерела

    При розробці використано: HTML, SASS, JavaScript, Parcel, Grid, BEM, Slick Slider

    #html #css #scss #javascript #flexbox #grid #css-animation #BEM #parcel #figma #mobile-first
    #responsive #adaptive #cross-browser #верстка #адаптивність #кроссбраузерність #landing #лендінг #slider #slick #swiper


  • Tag Game – мінігра "П’ятнашки"

    Javascript та Typescript
    Технології: HTML5, CSS3, JavaScript, Figma

    Це навчальний пет-проєкт, який я реалізувала самостійно — класична гра "П’ятнашки" з логікою перемішування плиток та перевіркою на виграшну комбінацію.

    У проєкті використано чистий JavaScript для роботи з DOM, логіки гри та обробки кліків. Сторінка повністю адаптивна, зручно виглядає як на комп’ютері, так і на мобільному пристрої. Макет створено у Figma перед початком розробки.

    Цей проєкт допоміг мені краще розібратись у роботі з подіями, маніпуляціях з елементами та побудові логіки інтерфейсу.


  • The Informer

    Javascript та Typescript
    News site with weather and calendar. Team project. Role - frontend developer.
    Backend on developer.nytimes.com/apis and openweathermap.org/api